Merge branch 'develop' into feature/remove-svg-rect

This commit is contained in:
Jörn-Michael Miehe 2023-11-06 00:21:10 +00:00
commit 8b581a7b50
4 changed files with 40 additions and 22 deletions

22
ui/src/bulma-scheme.scss Normal file
View 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");

View file

@ -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";

View file

@ -58,7 +58,7 @@ export default class extends Vue {
</script>
<style lang="scss" scoped>
@import "@/bulma-vars";
@import "@/bulma-scheme";
@mixin visible_rect($name, $color) {
&.#{$name} {

View file

@ -1,6 +1,19 @@
@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
@ -9,7 +22,10 @@
$modal-card-body-background-color-dark: $body-background-dark;
$card-background-color-dark: $background-dark;
//==============
// main imports
//==============
@import "~bulma/bulma";
@import "~bulma-prefers-dark/bulma-prefers-dark";