diff options
Diffstat (limited to '_scss/imports/themes')
-rw-r--r-- | _scss/imports/themes/default/_colors.scss | 67 | ||||
-rw-r--r-- | _scss/imports/themes/default/_fonts.scss | 5 | ||||
-rw-r--r-- | _scss/imports/themes/default/_mixins.scss | 6 |
3 files changed, 36 insertions, 42 deletions
diff --git a/_scss/imports/themes/default/_colors.scss b/_scss/imports/themes/default/_colors.scss index 2fbe7956..2a7b8191 100644 --- a/_scss/imports/themes/default/_colors.scss +++ b/_scss/imports/themes/default/_colors.scss | |||
@@ -4,47 +4,48 @@ | |||
4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | // </copyright> | 5 | // </copyright> |
6 | 6 | ||
7 | /* | 7 | //_colors.scss |
8 | * _colors.scss | 8 | //Defines the colors for the UI of the application. |
9 | * Defines the colors for the UI of the application. | 9 | //To create a new theme, copy this file and change the values as desired. |
10 | * To create a new theme, copy this file and change the values as desired. | 10 | //Note: Some colors are defined as both rgb and rgba; some of the rgba versions have multiple a values. |
11 | * Note: Some colors are defined as both rgb and rgba; some of the rgba versions have multiple a values. | ||
12 | */ | ||
13 | 11 | ||
14 | /* Colors for radio buttons and other form elements */ | 12 | |
13 | // Colors for radio buttons and other form elements | ||
15 | $color-radio-border: rgb(40,40,40); | 14 | $color-radio-border: rgb(40,40,40); |
16 | $color-radio-shadow: rgba(200,200,200,0.5); | 15 | $color-radio-shadow: rgba(200,200,200,0.5); |
17 | $color-radio-gradient-top: rgb(100,100,100); | 16 | $color-radio-gradient-top: rgb(100,100,100); |
18 | $color-radio-gradient-bottom: rgb(60,60,60); | 17 | $color-radio-gradient-bottom: rgb(60,60,60); |
18 | $color-formgrad-top: rgb(80,80,80); | ||
19 | $color-formgrad-bottom: rgb(60,60,60); | ||
19 | $color-radio-bg: rgb(0,0,0); | 20 | $color-radio-bg: rgb(0,0,0); |
20 | $color-radio: rgb(200,200,200); | 21 | $color-radio: rgb(200,200,200); |
21 | $color-input: rgb(255,255,255); | 22 | $color-input: rgb(255,255,255); |
22 | $color-input-bg: rgb(68, 68, 68); | 23 | $color-input-bg: rgb(68, 68, 68); |
23 | $color-input-border: rgb(49, 49, 49); | 24 | $color-input-border: rgb(49, 49, 49); |
24 | $color-focus-outline: rgb(180, 180, 180); | 25 | $color-focus-outline: rgb(180, 180, 180); |
26 | $color-transparent: rgba(0,0,0,0); | ||
25 | 27 | ||
26 | /* Base colors for dividers | 28 | // Base colors for dividers |
27 | * | 29 | // Dividers consist of a div with a background color and either |
28 | * Dividers consist of a div with a background color and either | 30 | // a top & bottom border (in the case of horizontal dividers) |
29 | * a top & bottom border (in the case of horizontal dividers) | 31 | // or a left & right border (in the case of vertical dividers), |
30 | * or a left & right border (in the case of vertical dividers), | 32 | // for a total of three different colors. |
31 | * for a total of three different colors. | 33 | // |
32 | * | 34 | |
33 | */ | 35 | $color-divider-first: rgb(35,35,35); // top and left |
34 | $color-divider-first: rgb(35,35,35); /* top and left */ | 36 | $color-divider-second: rgb(0,0,0); // Middle |
35 | $color-divider-second: rgb(0,0,0); /* Middle */ | 37 | $color-divider-third: rgb(58,58,58); // Bottom and right |
36 | $color-divider-third: rgb(58,58,58); /* Bottom and right */ | ||
37 | 38 | ||
38 | /* Main background color of entire app */ | 39 | // Main background color of entire app |
39 | $color-app-bg: rgb(0,0,0); /* Main app background color. */ | 40 | $color-app-bg: rgb(0,0,0); // Main app background color. |
40 | $color-app-bg-a1: rgba(0,0,0,1); /* rgba version */ | 41 | $color-app-bg-a1: rgba(0,0,0,1); // rgba version |
41 | $color-app-border: rgb(51,51,51); /* Main app border color */ | 42 | $color-app-border: rgb(51,51,51); // Main app border color |
42 | $color-app-shadow: rgba(0,0,0,.5); /* color of drop shadows */ | 43 | $color-app-shadow: rgba(0,0,0,.5); // color of drop shadows |
43 | $color-stage: rgb(128,128,128); /* Stage color */ | 44 | $color-stage: rgb(128,128,128); // Stage color |
44 | $color-body-border: rgb(0,0,0); /* body border color */ | 45 | $color-body-border: rgb(0,0,0); // body border color |
45 | $color-body-bg: rgb(255,255,255); /* Body background color */ | 46 | $color-body-bg: rgb(255,255,255); // Body background color |
46 | 47 | ||
47 | /* Colors for main dropdown menus: background & text for both regular and highlighted states, dividers */ | 48 | // Colors for main dropdown menus: background & text for both regular and highlighted states, dividers |
48 | $color-menu-bg: rgb(71,71,71); | 49 | $color-menu-bg: rgb(71,71,71); |
49 | $color-menu-text: rgb(255,255,255); | 50 | $color-menu-text: rgb(255,255,255); |
50 | $color-menu-hilite-bg: rgb(178,178,178); | 51 | $color-menu-hilite-bg: rgb(178,178,178); |
@@ -54,7 +55,7 @@ $color-menu-border: rgb(0,0,0); | |||
54 | $color-menu-active-bg: rgb(181,122,10); | 55 | $color-menu-active-bg: rgb(181,122,10); |
55 | 56 | ||
56 | 57 | ||
57 | /* Colors for tools: background, text, how they interact with the UI */ | 58 | // Colors for tools: background, text, how they interact with the UI |
58 | $color-tool-bg: rgb(41,41,41); | 59 | $color-tool-bg: rgb(41,41,41); |
59 | $color-tool-bg-active: rgb(178,178,178); | 60 | $color-tool-bg-active: rgb(178,178,178); |
60 | $color-tool-border-selected: rgb(89,89,89); | 61 | $color-tool-border-selected: rgb(89,89,89); |
@@ -69,15 +70,15 @@ $color-tool-select-border: rgb(0,0,0); | |||
69 | $color-tool-select-hover-bg: rgb(221,221,221); | 70 | $color-tool-select-hover-bg: rgb(221,221,221); |
70 | 71 | ||
71 | 72 | ||
72 | /* Colors for panels: background & text, both regular and highlighted states, dividers, borders, shadows, etc. */ | 73 | // Colors for panels: background & text, both regular and highlighted states, dividers, borders, shadows, etc. |
73 | $color-panel-bg: $color-menu-bg; | 74 | $color-panel-bg: $color-menu-bg; |
74 | $color-panel-text: $color-menu-text; | 75 | $color-panel-text: $color-menu-text; |
75 | $color-panel-input: $color-panel-text; | 76 | $color-panel-input: $color-panel-text; |
76 | $color-panel-hilite-bg: $color-menu-hilite-bg; | 77 | $color-panel-hilite-bg: $color-menu-hilite-bg; |
77 | $color-panel-hilite-text: $color-menu-hilite-text; | 78 | $color-panel-hilite-text: $color-menu-hilite-text; |
78 | $color-panel-clickable: rgb(215,215,215); /* used for editable items in their non-edit state, etc. */ | 79 | $color-panel-clickable: rgb(215,215,215); // used for editable items in their non-edit state, etc. |
79 | $color-panel-border: $color-menu-border; /* Border for panel and for block elements */ | 80 | $color-panel-border: $color-menu-border; // Border for panel and for block elements |
80 | $color-panel-shadow: rgb(58,58,58); /* Shadow for text and block elements */ | 81 | $color-panel-shadow: rgb(58,58,58); // Shadow for text and block elements |
81 | $color-panel-input-bg: rgb(68, 68, 68); | 82 | $color-panel-input-bg: rgb(68, 68, 68); |
82 | $color-panel-dividerlabel-bg: rgb(62, 62, 62); | 83 | $color-panel-dividerlabel-bg: rgb(62, 62, 62); |
83 | $color-panel-input-border: rgb(49, 49, 49); | 84 | $color-panel-input-border: rgb(49, 49, 49); |
@@ -85,7 +86,7 @@ $color-panel-divider-top: rgb(62, 62, 62); | |||
85 | $color-panel-divider: $color-menu-divider; | 86 | $color-panel-divider: $color-menu-divider; |
86 | $color-panel-divider-bottom: rgb(86, 86, 86); | 87 | $color-panel-divider-bottom: rgb(86, 86, 86); |
87 | 88 | ||
88 | /* Colors for scroll bars */ | 89 | // Colors for scroll bars |
89 | $color-sb-border: rgb(0,0,0); | 90 | $color-sb-border: rgb(0,0,0); |
90 | $color-sb-1: rgb(140,140,140); | 91 | $color-sb-1: rgb(140,140,140); |
91 | $color-sb-2: rgb(173,173,173); | 92 | $color-sb-2: rgb(173,173,173); |
diff --git a/_scss/imports/themes/default/_fonts.scss b/_scss/imports/themes/default/_fonts.scss index 9410dfd2..9174cff3 100644 --- a/_scss/imports/themes/default/_fonts.scss +++ b/_scss/imports/themes/default/_fonts.scss | |||
@@ -4,9 +4,4 @@ | |||
4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | // </copyright> | 5 | // </copyright> |
6 | 6 | ||
7 | /* | ||
8 | * _fonts.scss | ||
9 | * Defines the fonts for the application. | ||
10 | */ | ||
11 | 7 | ||
12 | /* Droid Sans: Normal, bold asdf*/ | ||
diff --git a/_scss/imports/themes/default/_mixins.scss b/_scss/imports/themes/default/_mixins.scss index e6a38a93..9f61e7ef 100644 --- a/_scss/imports/themes/default/_mixins.scss +++ b/_scss/imports/themes/default/_mixins.scss | |||
@@ -4,10 +4,8 @@ | |||
4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | // </copyright> | 5 | // </copyright> |
6 | 6 | ||
7 | /* | 7 | // themes/themename/mixins.scss |
8 | * themes/themename/mixins.scss | 8 | // Mixins that are theme-dependent (e.g. sprite mixins, etc) |
9 | * Mixins that are theme-dependent (e.g. sprite mixins, etc) | ||
10 | */ | ||
11 | 9 | ||
12 | $Mx:0; | 10 | $Mx:0; |
13 | $My:0; | 11 | $My:0; |