50 lines
2.0 KiB
SCSS
50 lines
2.0 KiB
SCSS
//// Common defaults
|
|
$default-bg: #f4f5f6 !default;
|
|
$default-fg: black !default;
|
|
$default-fg-2: #333333 !default;
|
|
|
|
$default-font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
$default-border: 1px solid #e1e4e8 !default;
|
|
$default-border-2: 1px solid #dddddd !default;
|
|
$default-bottom: $default-border !default;
|
|
$default-link-fg: #5f7869 !default;
|
|
|
|
$selected-bg: #c8ffd0 !default;
|
|
$hover-bg: #def6ea !default;
|
|
$header-bg: $default_bg !default;
|
|
$nav-bg: #e8e8e8 !default;
|
|
$nav-fg: $default-link-fg;
|
|
$modal-bg: #f0f0f0 !default;
|
|
|
|
//// Switch element
|
|
$switch-bg-1: #f9f8f6 !default;
|
|
$switch-bg-2: #38ffa0 !default;
|
|
$switch-bg-3: #cccccc !default;
|
|
$switch-bg-hover: #b3b3b3 !default;
|
|
$switch-bg-checked: #38ffa0 !default;
|
|
$switch-bg-glow-1: #111111 !default;
|
|
$switch-bg-glow-2: #ffffff !default;
|
|
$switch-bg-glow-3: #aaaaaa !default;
|
|
$switch-bg-glow-hover: #ffffff !default;
|
|
$switch-bg-glow-checked: #00e094 !default;
|
|
|
|
$switch-shadow-1: 0 5px 10px 0px #333, 0 15px 20px 0px #cccccc !default;
|
|
$switch-shadow-2: inset 0 0 0 5px #ccc, inset 0 0 0 14px #f9f8f6 !default;
|
|
$switch-shadow-3: 0 0 0 2.5px #f9f8f6 !default;
|
|
$switch-shadow-hover: inset 0 0 0 5px #b3b3b3, inset 0 0 0 14px #f9f8f6 !default;
|
|
$switch-shadow-checked-1: 0 2px 5px 0px gray, 0 15px 20px 0px transparent !default;
|
|
$switch-shadow-checked-2: inset 0 0 0 5px #38ffa0, inset 0 0 0 14px #f9f8f6 !default;
|
|
$switch-shadow-glow-1: 0 5px 10px 0 #aaa, 0 0 0 3px #bbb, 0 0 8px 2px transparent, 0 0 0 6px #eee !default;
|
|
$switch-shadow-glow-2: inset 0 0 0 5px #aaa, inset 0 0 0 14px #fff !default;
|
|
$switch-shadow-glow-hover: inset 0 0 0 5px #fff, inset 0 0 0 14px #fff !default;
|
|
$switch-shadow-glow-checked-1: 0 0px 8px 0 #00ad72, 0 0 0 3px #00e094, 0 0 30px 0 #00e094, 0 0 0 6px #fff !default;
|
|
$switch-shadow-glow-checked-2: inset 0 0 0 5px #00e094, inset 0 0 0 14px #fff !default;
|
|
|
|
//// Slier element
|
|
$slider-bg: #e4e4e4 !default;
|
|
$slider-thumb-bg: #4caf50 !default;
|
|
|
|
//// Header style
|
|
$header-bottom: $default-bottom;
|
|
|