cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-17 05:13:32 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

styles: v2 (#229)

Browse Source 
* style: revise selected style
* style: revise editor styles
* style: revise viewer styles
* chore: update tests
This commit is contained in:
Carlos Valente
2022-10-21 19:50:25 +02:00
committed by GitHub
parent 08d2ebcc5e
commit d8ee0d4f82
62 changed files with 340 additions and 398 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/theme/_main.scss
+9 -2
View File
@@ -6,6 +6,7 @@ $bg-black-100: #070707;
$bg-black-200: #1a1a1a; // container borders
$bg-black-300: #1f1f1f; // container text
$bg-gray-1100: #232323; // container borders
$bg-gray-1050: #242424; // container borders
$bg-gray-1000: #262626; // container borders
$bg-gray-950: #292929;
$bg-gray-900: #303030;
@@ -42,7 +43,7 @@ $opacity-disabled: 0.4;
$notes-color: #d69e2e;
$text-white: #fffffa;
$text-gray-disabled: #999;
$text-gray-disabled: #505050;
$header-gray: #ccc;
$label-gray: #aaa;
$clocks: #ddd;
@@ -64,11 +65,17 @@ $title-gray: #ddd;
$subtitle-gray: #aaa;
//////////////////////////////////// block elements
$bg-container-l1: #202020;
$bg-container-l2: #232323;
$bg-container-l3: #2b2b2b;
$border-l1: 1px solid $bg-gray-1000;
$border-l3: 1px solid $bg-gray-900;
$block-delay-color: #ecc94b;
$delay-text: #d69e2e;
$block-delay-border: #d69e2e55;
$block-block-color: #805ad5;
$block-border: 1px solid $bg-gray-900;
$block-border: 1px solid $bg-gray-1100;
//////////////////////////////////// viewer cards
@mixin card-title {
client/src/theme/_mixins.scss
+2 -3
View File
@@ -9,13 +9,12 @@
}
@mixin second-container {
background-color: $bg-gray-1100;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: $bg-container-l2;
border-radius: 4px;
}
@mixin third-container {
background-color: $bg-black-300;
background-color: $bg-gray-1100;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 2px;
}
client/src/theme/_viewerDefs.scss
+2 -1
View File
@@ -7,8 +7,9 @@ $delay-color: $delay-text;
// Main Properties of a viewer
$viewer-background-color: $bg-black; // --background-color-override
$viewer-color: $title-white; // --color-override
$viewer-outdent-bg-color: $bg-gray-1100; // --outdent-background-color-override
$viewer-outdent-bg-color: $bg-container-l1; // --outdent-background-color-override
$viewer-overlay-bg-color: $bg-overlay;
$element-border-radius: 8px;
// Properties related to timer
$timer-finished-color: $ontime-pink-variant;