Skip to content
GitLab
Select Git revision
  • master default
  • release-5.1.0
Find file BlameHistoryPermalink
_theme-mono1.scss 2.99 KiB
1 
@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
2
3 
// adjust-hue
4 
// transparentize (color, 0)
5 
// darken ()
6 
// lighten ()
7 
// saturate (), desaturate
8 
// red() green() blue()
9 
// hue  // saturation
10 
// lightness
11 
// alpha
12
13 
$primary-theme: #343A40;
14 
$primary-theme-hsl: hue($primary-theme), saturation($primary-theme);
15 
$primary-theme-rgb: red($primary-theme), green($primary-theme), blue($primary-theme);
16 
$primary-theme-shade: darken(adjust-hue($primary-theme, -5), 10%);
17 
$primary-theme-tint:  lighten(adjust-hue($primary-theme, 10), 20%);
18 
$primary-theme-contrast: #ffffff;
19 
$primary-theme-contrast-rgb: red($primary-theme-contrast), green($primary-theme-contrast), blue($primary-theme-contrast);
20
21 
$primary-color: #6C757D;
22 
$primary-hsl: hue($primary-color), saturation($primary-color);
23 
$primary-color-rgb:  red($primary-color), green($primary-color), blue($primary-color);
24 
$primary-color-shade: darken(adjust-hue($primary-color, -5), 10%);
25 
$primary-color-tint: lighten(adjust-hue($primary-color, 5), 10%);
26 
$primary-color-contrast: #000000;
27 
$primary-color-contrast-rgb: red($primary-color-contrast), green($primary-color-contrast), blue($primary-color-contrast);
28 
$primary-0: lighten(adjust-hue($primary-color, 25), 45%);
29 
$primary-100: lighten(adjust-hue($primary-color, 20), 40%);
30 
$primary-200: lighten(adjust-hue($primary-color, 15), 30%);
31 
$primary-250: lighten(adjust-hue($primary-color, 10), 20%);
32 
$primary-300: lighten(adjust-hue($primary-color, 5), 10%);
33 
$primary-400: $primary-color;
34 
$primary-600: darken(adjust-hue($primary-color, -5), 10%);
35 
$primary-800: darken(adjust-hue($primary-color, -10), 20%);
36
37
38 
html[data-color='mono1'] {
39 
    --primary-theme: #{$primary-theme};
40 
    --primary-theme-hsl: #{$primary-theme-hsl};
41 
    --primary-theme-rgb: #{$primary-theme-rgb};
42 
    --primary-theme-contrast: #{$primary-theme-contrast};
43 
    --primary-theme-contrast-rgb: #{$primary-theme-contrast-rgb};
44 
    --primary-theme-shade: #{$primary-theme-shade};
45 
    --primary-theme-tint: #{$primary-theme-tint};
46
47 
    --primary-color: #{$primary-color};
48 
    --primary-hsl: #{$primary-hsl};
49 
    --primary-color-rgb:  #{$primary-color-rgb};
50 
    --primary-color-contrast: #{$primary-color-contrast};
51 
    --primary-color-contrast-rgb: #{$primary-color-contrast-rgb};
52 
    --primary-color-shade: #{$primary-color-shade};
53 
    --primary-color-tint: #{$primary-color-tint};
54 
    --primary-0: #{$primary-0};
55 
    --primary-100: #{$primary-100};
56 
    --primary-200: #{$primary-200};
57 
    --primary-250: #{$primary-250};
58 
    --primary-300: #{$primary-300};
59 
    --primary-400: #{$primary-400};
60 
    --primary-600: #{$primary-600};
61 
    --primary-800: #{$primary-800};
62
63 
    --secondary-color: var(--primary-600);
64 
    --sbt-body-bg: var(--primary-0); //DEE2E6
65 
    --sbt-body-bg2: var(--primary-100); //CED4DA
66 
    --sbt-primary-bg: var(--primary-theme);
67 
    --sbt-compt-bg: var(--sbt-body-bg);
68 
    --sb-linkmenu-bg-hover: var(--primary-color);
69 
    --sb-footer-bg: var(--primary-theme);
70 
    --sbfaq-compt-bg:var(--sbt-body-bg);
717273747576
.sb-bg-white { --white:var(--sbt-body-bg2); } }