aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss/theme.scss
diff options
context:
space:
mode:
authorpacien2020-05-02 04:11:24 +0200
committerpacien2020-05-02 04:11:24 +0200
commit8e3ac8fe44bebb38e1882ca7f06b8100078ad88d (patch)
treea748fa1e639cb3b5e1f24a8150e89dbb28c980cb /viewer/src/assets/scss/theme.scss
parent7042ffc06326fa8ffe70f5a59747709250166c16 (diff)
parent0e0b5b0ae44da7c1d67983dedd8f8d8d3516236f (diff)
downloadldgallery-8e3ac8fe44bebb38e1882ca7f06b8100078ad88d.tar.gz
Merge branch 'develop': release v1.0v1.0
Diffstat (limited to 'viewer/src/assets/scss/theme.scss')
-rw-r--r--viewer/src/assets/scss/theme.scss65
1 files changed, 57 insertions, 8 deletions
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 79e14e1..0c351e5 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -2,6 +2,7 @@
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-2020 Guillaume FOUET
5-- 2020 Pacien TRAN-GIRARD
5-- 6--
6-- 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
7-- it under the terms of the GNU Affero General Public License as 8-- it under the terms of the GNU Affero General Public License as
@@ -17,13 +18,61 @@
17-- 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/>.
18*/ 19*/
19 20
20// === Theme 21@import "_buefy_variables.scss";
22@import "palette.scss";
21 23
22$layout-top: 70px; 24// Buefy components
23$layout-left: 250px; 25
26$primary: $palette-000;
27$text: $primary;
28$text-light: $palette-100;
29$text-strong: $primary;
30$input-color: $text;
31$input-placeholder-color: $text-light;
32$input-shadow: none;
33$input-border-color: transparent;
34$input-background-color: $palette-500;
35$input-focus-box-border-color: $palette-200;
36$input-focus-box-shadow-color: transparent;
37$link: $primary;
38$link-visited: $link;
39$link-hover: $palette-100;
40$disabled-color: $palette-400;
41$radius: 0;
42$loading-background: $palette-800;
43$title-color: $palette-200;
44$title-size: $size-5;
45$subtitle-color: $palette-200;
46$subtitle-size: $size-5;
47$tag-background-color: $palette-800;
48$button-color: $palette-100;
49$button-active-color: $palette-100;
50$button-active-border-color: $palette-500;
51$button-background-color: $palette-700;
52$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;
57
58// Custom components
24 59
25$panel-top-bgcolor: #225; 60$panel-top-bgcolor: $palette-800;
26$panel-top-txtcolor: white; 61$panel-top-txtcolor: $primary;
27$panel-left-bgcolor: $panel-top-bgcolor; 62$panel-left-bgcolor: $palette-800;
28$panel-left-txtcolor: $panel-top-txtcolor; 63$panel-left-txtcolor: $primary;
29$content-bgcolor: #1e1e1e; 64$command-buttons-bgcolor: $palette-700;
65$content-bgcolor: $palette-900;
66$scrollbar-color: $palette-300;
67$scrollbar-width: 10px;
68$loader-color: $palette-800;
69$input-tag-delete-background-color: $palette-700;
70$breadcrumb-margins: 12px;
71$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
72$thumbnail-other-size: $body-line-height * 7em;
73$proposed-category-bgcolor: $palette-700;
74
75// Layout
76
77$layout-top: 45px;
78$layout-left: 250px;