Merge branch 'develop' into feature/remove-svg-rect
This commit is contained in:
commit
8b581a7b50
4 changed files with 40 additions and 22 deletions
22
ui/src/bulma-scheme.scss
Normal file
22
ui/src/bulma-scheme.scss
Normal file
|
@ -0,0 +1,22 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
@use "sass:map";
|
||||||
|
|
||||||
|
//=====================
|
||||||
|
// custom color scheme
|
||||||
|
//=====================
|
||||||
|
|
||||||
|
$advent22-colors: (
|
||||||
|
"primary": #945DE1,
|
||||||
|
"link": #64B4BD,
|
||||||
|
"info": #8C4E80,
|
||||||
|
"success": #7E8E2B,
|
||||||
|
"warning": #F6CA6B,
|
||||||
|
"danger": #C5443B,
|
||||||
|
);
|
||||||
|
|
||||||
|
$primary: map.get($advent22-colors, "primary");
|
||||||
|
$link: map.get($advent22-colors, "link");
|
||||||
|
$info: map.get($advent22-colors, "info");
|
||||||
|
$success: map.get($advent22-colors, "success");
|
||||||
|
$warning: map.get($advent22-colors, "warning");
|
||||||
|
$danger: map.get($advent22-colors, "danger");
|
|
@ -1,20 +0,0 @@
|
||||||
@charset "utf-8";
|
|
||||||
|
|
||||||
//=====================
|
|
||||||
// custom color scheme
|
|
||||||
//=====================
|
|
||||||
|
|
||||||
$primary: #945DE1;
|
|
||||||
$link: #64B4BD;
|
|
||||||
$info: #8C4E80;
|
|
||||||
$success: #7E8E2B;
|
|
||||||
$warning: #F6CA6B;
|
|
||||||
$danger: #C5443B;
|
|
||||||
|
|
||||||
// Sass variables (bulma)
|
|
||||||
@import "~bulma/sass/utilities/initial-variables.sass";
|
|
||||||
@import "~bulma/sass/utilities/derived-variables.sass";
|
|
||||||
|
|
||||||
// Sass variables (bulma-prefers-dark)
|
|
||||||
@import "~bulma-prefers-dark/sass/utilities/initial-variables.sass";
|
|
||||||
@import "~bulma-prefers-dark/sass/utilities/derived-variables.sass";
|
|
|
@ -58,7 +58,7 @@ export default class extends Vue {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "@/bulma-vars";
|
@import "@/bulma-scheme";
|
||||||
|
|
||||||
@mixin visible_rect($name, $color) {
|
@mixin visible_rect($name, $color) {
|
||||||
&.#{$name} {
|
&.#{$name} {
|
||||||
|
|
|
@ -1,6 +1,19 @@
|
||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
|
|
||||||
@import "@/bulma-vars";
|
//===========
|
||||||
|
// variables
|
||||||
|
//===========
|
||||||
|
|
||||||
|
// custom color scheme
|
||||||
|
@import "@/bulma-scheme";
|
||||||
|
|
||||||
|
// Sass variables (bulma)
|
||||||
|
@import "~bulma/sass/utilities/initial-variables.sass";
|
||||||
|
@import "~bulma/sass/utilities/derived-variables.sass";
|
||||||
|
|
||||||
|
// Sass variables (bulma-prefers-dark)
|
||||||
|
@import "~bulma-prefers-dark/sass/utilities/initial-variables.sass";
|
||||||
|
@import "~bulma-prefers-dark/sass/utilities/derived-variables.sass";
|
||||||
|
|
||||||
//=================
|
//=================
|
||||||
// variable tweaks
|
// variable tweaks
|
||||||
|
@ -9,7 +22,10 @@
|
||||||
$modal-card-body-background-color-dark: $body-background-dark;
|
$modal-card-body-background-color-dark: $body-background-dark;
|
||||||
$card-background-color-dark: $background-dark;
|
$card-background-color-dark: $background-dark;
|
||||||
|
|
||||||
|
//==============
|
||||||
// main imports
|
// main imports
|
||||||
|
//==============
|
||||||
|
|
||||||
@import "~bulma/bulma";
|
@import "~bulma/bulma";
|
||||||
@import "~bulma-prefers-dark/bulma-prefers-dark";
|
@import "~bulma-prefers-dark/bulma-prefers-dark";
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue