diff options
Diffstat (limited to 'viewer/src/assets/scss')
-rw-r--r-- | viewer/src/assets/scss/buefy.scss | 3 | ||||
-rw-r--r-- | viewer/src/assets/scss/global.scss | 15 | ||||
-rw-r--r-- | viewer/src/assets/scss/theme.scss | 7 |
3 files changed, 20 insertions, 5 deletions
diff --git a/viewer/src/assets/scss/buefy.scss b/viewer/src/assets/scss/buefy.scss index 7fdb883..735ce6a 100644 --- a/viewer/src/assets/scss/buefy.scss +++ b/viewer/src/assets/scss/buefy.scss | |||
@@ -24,8 +24,7 @@ | |||
24 | @import "buefy_variables"; | 24 | @import "buefy_variables"; |
25 | 25 | ||
26 | // 2. Setup your Custom Colors | 26 | // 2. Setup your Custom Colors |
27 | // $linkedin: #0077b5; | 27 | @import "@/assets/scss/theme.scss"; |
28 | // $linkedin-invert: findColorInvert($linkedin); | ||
29 | 28 | ||
30 | @import "~bulma/sass/utilities/derived-variables"; | 29 | @import "~bulma/sass/utilities/derived-variables"; |
31 | 30 | ||
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index 645d4a0..3cfa1a5 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss | |||
@@ -44,6 +44,21 @@ | |||
44 | align-items: center; | 44 | align-items: center; |
45 | } | 45 | } |
46 | 46 | ||
47 | // === Links | ||
48 | |||
49 | .link { | ||
50 | color: $link; | ||
51 | cursor: pointer; | ||
52 | text-decoration: none; | ||
53 | & :hover { | ||
54 | color: $link-hover; | ||
55 | } | ||
56 | } | ||
57 | |||
58 | .disabled { | ||
59 | color: $disabled-color !important; | ||
60 | } | ||
61 | |||
47 | // === Scrollbar styling | 62 | // === Scrollbar styling |
48 | 63 | ||
49 | .scrollbar { | 64 | .scrollbar { |
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss index 3f2b623..2314ee8 100644 --- a/viewer/src/assets/scss/theme.scss +++ b/viewer/src/assets/scss/theme.scss | |||
@@ -19,7 +19,7 @@ | |||
19 | 19 | ||
20 | // === Theme | 20 | // === Theme |
21 | 21 | ||
22 | $layout-top: 70px; | 22 | $layout-top: 35px; |
23 | $layout-left: 250px; | 23 | $layout-left: 250px; |
24 | 24 | ||
25 | $panel-top-bgcolor: #225; | 25 | $panel-top-bgcolor: #225; |
@@ -27,7 +27,8 @@ $panel-top-txtcolor: white; | |||
27 | $panel-left-bgcolor: $panel-top-bgcolor; | 27 | $panel-left-bgcolor: $panel-top-bgcolor; |
28 | $panel-left-txtcolor: $panel-top-txtcolor; | 28 | $panel-left-txtcolor: $panel-top-txtcolor; |
29 | $content-bgcolor: #1e1e1e; | 29 | $content-bgcolor: #1e1e1e; |
30 | |||
31 | $toolbar-color: #d62929; | 30 | $toolbar-color: #d62929; |
32 | |||
33 | $loader-color: #272727; | 31 | $loader-color: #272727; |
32 | $link: $panel-top-txtcolor; | ||
33 | $link-hover: lightblue; | ||
34 | $disabled-color: rgba($link, 0.3); | ||