aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss/theme.scss
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/assets/scss/theme.scss')
-rw-r--r--viewer/src/assets/scss/theme.scss42
1 files changed, 13 insertions, 29 deletions
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 19fe673..63febbf 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -1,7 +1,7 @@
1/* ldgallery - A static generator which turns a collection of tagged 1/* ldgallery - A static generator which turns a collection of tagged
2-- pictures into a searchable web gallery. 2-- pictures into a searchable web gallery.
3-- 3--
4-- Copyright (C) 2019-2020 Guillaume FOUET 4-- Copyright (C) 2019-2022 Guillaume FOUET
5-- 2020 Pacien TRAN-GIRARD 5-- 2020 Pacien TRAN-GIRARD
6-- 6--
7-- This program is free software: you can redistribute it and/or modify 7-- This program is free software: you can redistribute it and/or modify
@@ -18,47 +18,27 @@
18-- along with this program. If not, see <https://www.gnu.org/licenses/>. 18-- along with this program. If not, see <https://www.gnu.org/licenses/>.
19*/ 19*/
20 20
21@import "_buefy_variables.scss"; 21@import "constants";
22@import "palette.scss";
23
24// Buefy components
25 22
26$primary: $palette-000; 23$primary: $palette-000;
27$text: $primary; 24$text: $primary;
28$text-light: $palette-100; 25$text-light: $palette-100;
29$text-strong: $primary;
30$input-color: $text; 26$input-color: $text;
31$input-placeholder-color: $text-light; 27$input-placeholder-color: $text-light;
32$input-shadow: none;
33$input-border-color: transparent;
34$input-background-color: $palette-500; 28$input-background-color: $palette-500;
35$input-focus-box-border-color: $palette-200; 29$input-focus-box-border-color: $palette-200;
36$input-focus-box-shadow-color: transparent;
37$link: $primary; 30$link: $primary;
38$link-visited: $link;
39$link-hover: $palette-100; 31$link-hover: $palette-100;
40$disabled-color: $palette-400; 32$disabled-color: $palette-400;
41$radius: 0;
42$loading-background: $palette-800;
43$title-color: $palette-200; 33$title-color: $palette-200;
44$title-size: $size-5; 34$tag-background-color: $palette-900;
45$subtitle-color: $palette-200;
46$subtitle-size: $size-5;
47$tag-background-color: $palette-800;
48$button-color: $palette-100; 35$button-color: $palette-100;
49$button-active-color: $palette-100; 36$button-active-color: $palette-100;
50$button-active-border-color: $palette-500;
51$button-background-color: $palette-700; 37$button-background-color: $palette-700;
52$button-border-color: $palette-500; 38$button-border-color: $palette-500;
53$button-focus-color: $button-color;
54$button-focus-border-color: $link;
55$button-focus-box-shadow-size: 0;
56$body-line-height: 1.5; 39$body-line-height: 1.5;
57$dropdown-item-color: $palette-900; 40$dropdown-item-color: $palette-600;
58$dropdown-item-active-color: $palette-900; 41$dropdown-item-hover-color: $palette-500;
59
60// Custom components
61
62$panel-top-bgcolor: $palette-800; 42$panel-top-bgcolor: $palette-800;
63$panel-top-txtcolor: $primary; 43$panel-top-txtcolor: $primary;
64$panel-left-bgcolor: $palette-800; 44$panel-left-bgcolor: $palette-800;
@@ -67,12 +47,14 @@ $command-buttons-bgcolor: $palette-700;
67$content-bgcolor: $palette-900; 47$content-bgcolor: $palette-900;
68$scrollbar-color: $palette-300; 48$scrollbar-color: $palette-300;
69$scrollbar-width: 10px; 49$scrollbar-width: 10px;
70$loader-color: $palette-800; 50$loader-color: $palette-200;
71$input-tag-delete-background-color: $palette-700; 51$skeleton-color: $palette-800;
72$breadcrumb-margins: 12px; 52$breadcrumb-margins: 10px;
73$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; 53$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
74$thumbnail-other-size: $body-line-height * 7em; 54$thumbnail-other-size: $body-line-height * 7em;
75$proposed-category-bgcolor: $palette-700; 55$proposed-category-bgcolor: $palette-700;
56$viewer-text: $palette-000;
57$viewer-text-background: $palette-900;
76 58
77// Layout 59// Layout
78 60
@@ -81,4 +63,6 @@ $layout-left: 250px;
81 63
82// Transitions 64// Transitions
83 65
84$transition-flex-expand: 0.1s; 66$transition-slide: 0.1s;
67$transition-fade: 0.1s;
68$transition-move: 0.1s;