aboutsummaryrefslogtreecommitdiff
path: root/_scss/imports/themes
diff options
context:
space:
mode:
Diffstat (limited to '_scss/imports/themes')
-rw-r--r--_scss/imports/themes/default/_colors.scss67
-rw-r--r--_scss/imports/themes/default/_fonts.scss5
-rw-r--r--_scss/imports/themes/default/_mixins.scss6
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;