From be9b70d9f5b3b7eef8dd5de75007ade66210dbfb Mon Sep 17 00:00:00 2001 From: pablone Date: Fri, 1 Mar 2024 10:47:20 +0100 Subject: [PATCH] move(style): refs #6486 order style --- src/css/app.scss | 30 +++++++++++++++++++++++++++++- src/css/quasar.variables.scss | 29 ----------------------------- 2 files changed, 29 insertions(+), 30 deletions(-) diff --git a/src/css/app.scss b/src/css/app.scss index 224cd221c..db4464bfc 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -1,6 +1,30 @@ // app global css in SCSS form @import './icons.scss'; -@import './quasar.variables.scss'; + +body.body--light { + --fount-color: black; + --vn-sectionColor: #ffffff; + background-color: #e0e0e0; + .q-header .q-toolbar { + color: var(--fount-color); + } + --vn-text: var(--fount-color); + --vn-gray: var(--vn-sectionColor); + --vn-label: #5f5f5f; + --vn-dark: var(--vn-sectionColor); + --vn-light-gray: #e7e3e3; +} + +body.body--dark { + --vn-pageColor: #222; + --vn-SectionColor: #3c3b3b; + background-color: var(--vn-pageColor); + --vn-text: white; + --vn-gray: var(--vn-SectionColor); + --vn-label: #a8a8a8; + --vn-dark: var(--vn-SectionColor); + --vn-light-gray: #424242; +} a { text-decoration: none; @@ -11,6 +35,10 @@ a { cursor: pointer; } +.tx-color-link { + color: $color-link !important; +} + .header-link { color: $color-link !important; cursor: pointer; diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss index 583fda04b..9b1cc809a 100644 --- a/src/css/quasar.variables.scss +++ b/src/css/quasar.variables.scss @@ -35,10 +35,6 @@ $dark-shadow-color: black; $layout-shadow-dark: 0 0 10px 2px #00000033, 0 0px 10px #0000003d; $spacing-md: 16px; -.tx-color-link { - color: $color-link !important; -} - .bg-success { background-color: $positive; } @@ -52,28 +48,3 @@ $spacing-md: 16px; .bg-alert { background-color: $negative; } - -body.body--light { - --fount-color: black; - --vn-sectionColor: #ffffff; - background-color: #e0e0e0; - .q-header .q-toolbar { - color: var(--fount-color); - } - --vn-text: var(--fount-color); - --vn-gray: var(--vn-sectionColor); - --vn-label: #5f5f5f; - --vn-dark: var(--vn-sectionColor); - --vn-light-gray: #e7e3e3; -} - -body.body--dark { - --vn-pageColor: #222; - --vn-SectionColor: #3c3b3b; - background-color: var(--vn-pageColor); - --vn-text: white; - --vn-gray: var(--vn-SectionColor); - --vn-label: #a8a8a8; - --vn-dark: var(--vn-SectionColor); - --vn-light-gray: #424242; -}