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 @@
 --             pictures into a searchable web gallery.
 --
 -- Copyright (C) 2019-2020  Guillaume FOUET
+--               2020       Pacien TRAN-GIRARD
 --
 -- This program is free software: you can redistribute it and/or modify
 -- it under the terms of the GNU Affero General Public License as
@@ -17,13 +18,61 @@
 -- along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-// === Theme
+@import "_buefy_variables.scss";
+@import "palette.scss";
 
-$layout-top: 70px;
-$layout-left: 250px;
+// Buefy components
+
+$primary: $palette-000;
+$text: $primary;
+$text-light: $palette-100;
+$text-strong: $primary;
+$input-color: $text;
+$input-placeholder-color: $text-light;
+$input-shadow: none;
+$input-border-color: transparent;
+$input-background-color: $palette-500;
+$input-focus-box-border-color: $palette-200;
+$input-focus-box-shadow-color: transparent;
+$link: $primary;
+$link-visited: $link;
+$link-hover: $palette-100;
+$disabled-color: $palette-400;
+$radius: 0;
+$loading-background: $palette-800;
+$title-color: $palette-200;
+$title-size: $size-5;
+$subtitle-color: $palette-200;
+$subtitle-size: $size-5;
+$tag-background-color: $palette-800;
+$button-color: $palette-100;
+$button-active-color: $palette-100;
+$button-active-border-color: $palette-500;
+$button-background-color: $palette-700;
+$button-border-color: $palette-500;
+$button-focus-color: $button-color;
+$button-focus-border-color: $link;
+$button-focus-box-shadow-size: 0;
+$body-line-height: 1.5;
+
+// Custom components
 
-$panel-top-bgcolor: #225;
-$panel-top-txtcolor: white;
-$panel-left-bgcolor: $panel-top-bgcolor;
-$panel-left-txtcolor: $panel-top-txtcolor;
-$content-bgcolor: #1e1e1e;
+$panel-top-bgcolor: $palette-800;
+$panel-top-txtcolor: $primary;
+$panel-left-bgcolor: $palette-800;
+$panel-left-txtcolor: $primary;
+$command-buttons-bgcolor: $palette-700;
+$content-bgcolor: $palette-900;
+$scrollbar-color: $palette-300;
+$scrollbar-width: 10px;
+$loader-color: $palette-800;
+$input-tag-delete-background-color: $palette-700;
+$breadcrumb-margins: 12px;
+$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
+$thumbnail-other-size: $body-line-height * 7em;
+$proposed-category-bgcolor: $palette-700;
+
+// Layout
+
+$layout-top: 45px;
+$layout-left: 250px;