diff options
author | pacien | 2022-09-04 18:18:27 +0200 |
---|---|---|
committer | pacien | 2022-09-04 18:18:27 +0200 |
commit | 11bbbae2850b9c45da697a8ed9626495a50a38c0 (patch) | |
tree | ff2713118f8b45d36905bfea2933f08d8e70066d /viewer/src/assets/scss/theme.scss | |
parent | e93f7b1eb84c083d67567115284c0002a3a7d5fc (diff) | |
parent | 8349be992b46b77dee921f484cfbff8b758ff756 (diff) | |
download | ldgallery-11bbbae2850b9c45da697a8ed9626495a50a38c0.tar.gz |
Merge branch 'develop': release v2.1v2.1
GitHub: related to #315
Diffstat (limited to 'viewer/src/assets/scss/theme.scss')
-rw-r--r-- | viewer/src/assets/scss/theme.scss | 42 |
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; | ||