revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[UI] Added more color settings.

Browse source
This commit is contained in:
Fabio Manganiello 2024-09-05 01:20:13 +02:00
parent 3249053eb0
commit dd2ea2092e
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
platypush/backend/http/webapp/src/style/themes/light.scss
View file

@ -8,6 +8,7 @@ $default-bg-6: #e4eae8 !default;
$default-bg-7: #e4e4e4 !default; $default-bg-7: #e4e4e4 !default;
$ok-fg: #17ad17 !default; $ok-fg: #17ad17 !default;
$error-fg: #ad1717 !default; $error-fg: #ad1717 !default;
$error-fg-2: red !default;
$error-bg: #ffaaa2 !default; $error-bg: #ffaaa2 !default;
$tile-bg: linear-gradient(90deg, rgba(9,174,128,1) 0%, rgba(71,226,179,1) 120%); $tile-bg: linear-gradient(90deg, rgba(9,174,128,1) 0%, rgba(71,226,179,1) 120%);
$tile-fg: white; $tile-fg: white;
@ -16,6 +17,7 @@ $tile-hover-bg: linear-gradient(90deg, rgba(41,216,159,1) 0%, rgba(9,188,138,1)
$default-fg: black !default; $default-fg: black !default;
$default-fg-2: #23513a !default; $default-fg-2: #23513a !default;
$default-fg-3: #195331b3 !default; $default-fg-3: #195331b3 !default;
$inverse-fg: white !default;
$header-bg: linear-gradient(0deg, #c0e8e4, #e4f8f4) !default; $header-bg: linear-gradient(0deg, #c0e8e4, #e4f8f4) !default;
$header-bg-2: linear-gradient(90deg, #f3f3f3, white) !default; $header-bg-2: linear-gradient(90deg, #f3f3f3, white) !default;
$no-items-color: #555555; $no-items-color: #555555;
@ -67,9 +69,12 @@ $border-shadow-bottom-right: 2.5px 2.5px 3px 0 $default-shadow-color;
$border-shadow: 0 0 3px 3px #c0c0c0 !default; $border-shadow: 0 0 3px 3px #c0c0c0 !default;
$header-shadow: 0px 1px 3px 1px #bbb !default; $header-shadow: 0px 1px 3px 1px #bbb !default;
$group-shadow: 3px -2px 6px 1px #98b0a0; $group-shadow: 3px -2px 6px 1px #98b0a0;
$primary-btn-shadow: 1px 1px 0.5px 0.75px #32b64640 !default;
$search-bar-shadow: 1px 1px 1px 1px #ddd !default; $search-bar-shadow: 1px 1px 1px 1px #ddd !default;
//// Buttons
$submit-btn-bg: #ebffeb;
$primary-btn-shadow: 1px 1px 0.5px 0.75px #32b64640 !default;
//// Modals //// Modals
$modal-header-bg: #e0e0e0 !default; $modal-header-bg: #e0e0e0 !default;
$modal-header-border: 1px solid #ccc !default; $modal-header-border: 1px solid #ccc !default;
@ -180,3 +185,15 @@ $code-dark-bg: rgb(11, 11, 13) !default;
$code-dark-fg: rgb(243, 243, 250) !default; $code-dark-fg: rgb(243, 243, 250) !default;
$code-light-bg: #f2f0e9 !default; $code-light-bg: #f2f0e9 !default;
$code-light-fg: #090909 !default; $code-light-fg: #090909 !default;
//// Sections
$section-shadow: 0 3px 3px 0 rgba(187,187,187,0.75), 0 3px 3px 0 rgba(187,187,187,0.75);
$doc-bg: linear-gradient(#effbe3, #e0ecdb);
$doc-shadow: 0 1px 3px 1px #d7d3c0, inset 0 1px 1px 0 #d7d3c9;
$output-bg: #151515;
$output-shadow: $doc-shadow;
//// Titles
$title-bg: #eee;
$title-border: 1px solid #ddd;
$title-shadow: 0 3px 3px 0 rgba(187,187,187,0.75);