mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-06 07:53:54 +00:00
Carlos Valente
39 lines
1.3 KiB
SCSS
39 lines
1.3 KiB
SCSS
@use 'ontimeStyles' as *;
|
|
@use 'viewerCommon' as *;
|
|
@use 'ontimeColours' as *;
|
|
|
|
// General
|
|
$viewer-transition-time: 0.5s;
|
|
|
|
// Text
|
|
$viewer-font-family: 'Open Sans', 'Segoe UI', sans-serif; // --font-family-override
|
|
$viewer-opacity-disabled: 0.6;
|
|
|
|
// General styling
|
|
$accent-color: $red-500; // --accent-color-override
|
|
$delay-color: $ontime-delay-text;
|
|
$viewer-label-color: rgba(white, 25%);
|
|
|
|
// Main Properties of a viewer
|
|
$viewer-background-color: $ui-black; // --background-color-override
|
|
$viewer-color: rgba(white, 80%); // --color-override
|
|
$viewer-secondary-color: rgba(white, 45%); // --secondary-color-override
|
|
$viewer-card-bg-color: rgba(white, 7%); // --card-background-color-override
|
|
$element-border-radius: 8px;
|
|
|
|
// Generic element sizes
|
|
$view-element-gap: min(2vh, 16px);
|
|
$view-outer-padding: min(2vh, 16px) clamp(16px, 2vw, 24px);
|
|
$view-card-padding: min(2vh, 8px) clamp(16px, 2vw, 24px);
|
|
|
|
// Properties related to timer
|
|
$timer-color: rgba(white, 80%); // --timer-color-override
|
|
$timer-finished-color: $playback-negative;
|
|
$timer-bold-font-family: 'Arial Black', sans-serif; // --card-background-color-override
|
|
|
|
$external-color: rgba(white, 85%); // --external-color-override
|
|
|
|
// properties of other timers (clock and countdown)
|
|
$timer-label-size: clamp(16px, 1.5vw, 24px);
|
|
$timer-value-size: clamp(32px, 3.5vw, 50px);
|