_grayscale.scss
1.37 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/**
* Sample alternative theme without colors (grayscale only).
*/
/** -----------------------------------------------
* Colours
* ------------------------------------------------ */
$color-base: grayscale(#b0bec7);
$color-widget-bg: grayscale(lighten($color-base, 20%));
$color-dark-bg: grayscale(#003050);
$color-dark-separator: grayscale(#19435c);
$color-shadow-light: grayscale(rgba(201, 205, 206, 0.8));
$color-shadow-dark: grayscale(rgba(107, 120, 123, 0.5));
$color-highlight: grayscale(#FFFF66);
$color-menu-button: grayscale(#338DC1);
$color-menu-background: grayscale(#c6d7df);
$color-menu-border: grayscale(#8c99a1);
$color-text: #444;
$color-text-light: white;
$color-text-light-link: white;
$color-text-dark: #1f1f1f;
$color-text-dark-link: grayscale(#3EBAE0);
$color-button-constructive: #77b53f;
$color-button-destructive: #f00;
$color-warning: #FF9300;
$color-error: #FF9300;
$color-notice: #FF9300;
/** -----------------------------------------------
* Typography
* ------------------------------------------------ */
$font-family: Arial, sans-serif;
$font-base-size: 13px;
$font-base-lineheight: 16px;
/** -----------------------------------------------
* Application Logo (CMS Logo)
* ------------------------------------------------ */
$application-logo-small: image-url("logo_small.png");
$application-logo-small-ysize: 25px;
$application-logo-small-xsize: 25px;