alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] IN-PROGRESS Theme changes continuing

Browse Source 
open #95
Splitter styles updated;
Tree styles updated;
This commit is contained in:
Charles Hacskaylo
2015-09-04 16:39:16 -07:00
parent 37c34c668c
commit ac41ed7d64
13 changed files with 265 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1; }
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none; }
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none; }
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
border: none; }
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
@@ -98,15 +98,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
* at runtime from the About dialog for additional information.
*****************************************************************************/
/*********************************************** FORM ELEMENTS */
/*
@mixin invokeMenu($baseColor: $colorBodyFg) {
$c: $baseColor;
color: $c;
&:hover {
color: lighten($c, $ltGamma);
}
}
*/
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
@@ -931,26 +922,26 @@ mct-container {
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 29, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 26, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout .splitter {
background-color: white;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
background-color: #b3b3b3;
overflow: hidden;
position: absolute;
z-index: 1; }
/* line 36, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 33, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout .splitter:hover {
background-color: #0099cc; }
/* line 38, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal {
overflow: hidden; }
/* line 39, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 41, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane {
left: 0;
right: 0; }
/* line 42, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 44, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.top {
bottom: auto; }
/* line 46, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 47, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.horizontal .pane.bottom {
top: auto; }
/* line 51, ../../../../general/res/sass/helpers/_splitter.scss */
@@ -990,26 +981,26 @@ mct-container {
-o-transition-property: "border-color";
-webkit-transition-property: "border-color";
transition-property: "border-color";
-moz-transition-duration: 50ms;
-o-transition-duration: 50ms;
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
-moz-transition-duration: 25ms;
-o-transition-duration: 25ms;
-webkit-transition-duration: 25ms;
transition-duration: 25ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
border-color: #0099cc; }
/* line 63, ../../../../general/res/sass/helpers/_splitter.scss */
border-color: #fff; }
/* line 61, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane {
top: 0;
bottom: 0; }
/* line 66, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 64, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane.left {
right: auto; }
/* line 70, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 67, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical .pane.right {
left: auto; }
/* line 75, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 71, ../../../../general/res/sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter {
bottom: 0;
cursor: col-resize;
@@ -1044,21 +1035,21 @@ mct-container {
-o-transition-property: "border-color";
-webkit-transition-property: "border-color";
transition-property: "border-color";
-moz-transition-duration: 50ms;
-o-transition-duration: 50ms;
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
-moz-transition-duration: 25ms;
-o-transition-duration: 25ms;
-webkit-transition-duration: 25ms;
transition-duration: 25ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
border-color: #0099cc; }
border-color: #fff; }
/* line 86, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 80, ../../../../general/res/sass/helpers/_splitter.scss */
.browse-area .splitter {
top: 34px; }
/* line 90, ../../../../general/res/sass/helpers/_splitter.scss */
/* line 84, ../../../../general/res/sass/helpers/_splitter.scss */
.edit-area .splitter {
top: 0; }
@@ -1271,7 +1262,7 @@ mct-container {
color: gray; }
/* line 25, ../../../../general/res/sass/controls/_breadcrumb.scss */
.l-breadcrumb .l-breadcrumb-item a:hover .icon {
color: #33ccff; }
color: #0099cc; }
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
@@ -1362,7 +1353,7 @@ mct-container {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #bfbfbf;
background-color: #b3b3b3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
@@ -1958,15 +1949,15 @@ label.checkbox.custom {
-o-transition-property: "border-color";
-webkit-transition-property: "border-color";
transition-property: "border-color";
-moz-transition-duration: 50ms;
-o-transition-duration: 50ms;
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
-moz-transition-duration: 25ms;
-o-transition-duration: 25ms;
-webkit-transition-duration: 25ms;
transition-duration: 25ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
border-color: #0099cc; }
border-color: #fff; }
/* line 319, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:before {
top: 1px;
@@ -2099,7 +2090,7 @@ label.checkbox.custom {
margin-left: 3px; }
/* line 39, ../../../../general/res/sass/controls/_menus.scss */
.s-menu:after {
color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.5);
content: '\76';
display: inline-block;
font-family: 'symbolsfont';
@@ -2109,9 +2100,6 @@ label.checkbox.custom {
/* line 50, ../../../../general/res/sass/controls/_menus.scss */
.s-menu.create-btn .title-label {
font-size: 1rem; }
/* line 53, ../../../../general/res/sass/controls/_menus.scss */
.s-menu.create-btn:after {
color: rgba(255, 255, 255, 0.5); }
/* line 58, ../../../../general/res/sass/controls/_menus.scss */
.s-menu .menu {
left: 0;
@@ -2147,7 +2135,7 @@ label.checkbox.custom {
.menu-element .menu ul {
margin: 0;
padding: 0; }
/* line 324, ../../../../general/res/sass/_mixins.scss */
/* line 332, ../../../../general/res/sass/_mixins.scss */
.menu-element .menu ul li {
list-style-type: none;
margin: 0;
@@ -2642,7 +2630,7 @@ label.form-control.checkbox input {
position: absolute;
height: 100%;
width: 100%; }
/* line 290, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */
.edit-main textarea.error {
background: rgba(255, 0, 0, 0.5); }
@@ -2685,7 +2673,7 @@ input[type="text"] {
color: #999999;
outline: none;
padding: 0 3px; }
/* line 290, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error {
background: rgba(255, 0, 0, 0.5); }
/* line 29, ../../../../general/res/sass/forms/_text-input.scss */
@@ -2823,7 +2811,7 @@ input[type="text"] {
max-height: 400px;
overflow: auto;
padding: 5px; }
/* line 290, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */
.channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); }
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
@@ -2980,7 +2968,7 @@ span.req {
padding: 0 3px;
background: white;
border-bottom: 1px solid white; }
/* line 290, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error,
.filter input.t-filter-input.error,
.t-filter input.filter.error,
@@ -4069,21 +4057,25 @@ span.req {
/* line 23, ../../../../general/res/sass/tree/_tree.scss */
ul.tree {
margin: 0;
padding: 0; }
/* line 324, ../../../../general/res/sass/_mixins.scss */
padding: 0;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 332, ../../../../general/res/sass/_mixins.scss */
ul.tree li {
list-style-type: none;
margin: 0;
padding: 0; }
/* line 25, ../../../../general/res/sass/tree/_tree.scss */
/* line 26, ../../../../general/res/sass/tree/_tree.scss */
ul.tree li {
display: block;
position: relative; }
/* line 29, ../../../../general/res/sass/tree/_tree.scss */
/* line 30, ../../../../general/res/sass/tree/_tree.scss */
ul.tree ul.tree {
margin-left: 15px; }
/* line 34, ../../../../general/res/sass/tree/_tree.scss */
/* line 35, ../../../../general/res/sass/tree/_tree.scss */
.tree-item,
.search-result-item {
-moz-box-sizing: border-box;
@@ -4102,19 +4094,20 @@ ul.tree {
line-height: 1.5rem;
margin-bottom: 3px;
position: relative; }
/* line 47, ../../../../general/res/sass/tree/_tree.scss */
/* line 48, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control,
.search-result-item .view-control {
color: #666;
display: inline-block;
margin-left: 5px;
font-size: 0.75em;
width: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 55, ../../../../general/res/sass/tree/_tree.scss */
/* line 57, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover,
.search-result-item .view-control:hover {
color: #ffc700; } }
/* line 61, ../../../../general/res/sass/tree/_tree.scss */
color: #0099cc !important; } }
/* line 63, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label,
.search-result-item .label {
display: block;
@@ -4127,10 +4120,9 @@ ul.tree {
width: auto;
height: auto;
line-height: 1.5rem; }
/* line 69, ../../../../general/res/sass/tree/_tree.scss */
/* line 71, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon,
.search-result-item .label .type-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 16px;
color: #0099cc;
left: 5px;
@@ -4141,14 +4133,14 @@ ul.tree {
line-height: 100%;
right: auto;
width: 16px; }
/* line 82, ../../../../general/res/sass/tree/_tree.scss */
/* line 84, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-alert {
text-shadow: black 0 1px 2px;
position: absolute;
z-index: 2; }
/* line 88, ../../../../general/res/sass/tree/_tree.scss */
/* line 90, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .icon.l-icon-alert {
color: #ff3c00;
@@ -4158,7 +4150,7 @@ ul.tree {
width: 8px;
top: 1px;
right: -2px; }
/* line 94, ../../../../general/res/sass/tree/_tree.scss */
/* line 96, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-link {
color: #49dedb;
@@ -4168,7 +4160,7 @@ ul.tree {
width: 8px;
left: -3px;
bottom: 0px; }
/* line 102, ../../../../general/res/sass/tree/_tree.scss */
/* line 104, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label,
.search-result-item .label .title-label {
overflow: hidden;
@@ -4184,67 +4176,63 @@ ul.tree {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* line 113, ../../../../general/res/sass/tree/_tree.scss */
/* line 115, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.loading,
.search-result-item.loading {
pointer-events: none; }
/* line 115, ../../../../general/res/sass/tree/_tree.scss */
/* line 117, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.loading .label,
.search-result-item.loading .label {
opacity: 0.5; }
/* line 117, ../../../../general/res/sass/tree/_tree.scss */
/* line 119, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.loading .label .title-label,
.search-result-item.loading .label .title-label {
font-style: italic; }
/* line 121, ../../../../general/res/sass/tree/_tree.scss */
/* line 123, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.loading .wait-spinner,
.search-result-item.loading .wait-spinner {
margin-left: 14px; }
/* line 126, ../../../../general/res/sass/tree/_tree.scss */
/* line 128, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected,
.search-result-item.selected {
background: #005177;
background: #1ac6ff;
color: #fff; }
/* line 130, ../../../../general/res/sass/tree/_tree.scss */
/* line 131, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control,
.search-result-item.selected .view-control {
color: #0099cc; }
/* line 133, ../../../../general/res/sass/tree/_tree.scss */
color: #fff; }
/* line 134, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon,
.search-result-item.selected .label .type-icon {
color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 141, ../../../../general/res/sass/tree/_tree.scss */
/* line 142, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover {
background: rgba(255, 255, 255, 0.1);
color: #999999; }
/* line 144, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .context-trigger,
.search-result-item:not(.selected):hover .context-trigger {
display: block; }
/* line 147, ../../../../general/res/sass/tree/_tree.scss */
background: rgba(102, 102, 102, 0.1);
color: #333333; }
/* line 148, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .icon,
.search-result-item:not(.selected):hover .icon {
color: #33ccff; } }
/* line 154, ../../../../general/res/sass/tree/_tree.scss */
color: #0099cc; } }
/* line 155, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading),
.search-result-item:not(.loading) {
cursor: pointer; }
/* line 158, ../../../../general/res/sass/tree/_tree.scss */
/* line 159, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger,
.search-result-item .context-trigger {
top: -1px;
position: absolute;
right: 3px; }
/* line 164, ../../../../general/res/sass/tree/_tree.scss */
/* line 165, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu {
font-size: 0.75em;
height: 0.9rem;
line-height: 0.9rem; }
/* line 173, ../../../../general/res/sass/tree/_tree.scss */
/* line 174, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label {
left: 15px; }
@@ -5864,7 +5852,7 @@ table {
color: #fff; }
/* line 135, ../../../../general/res/sass/features/_imagery.scss */
.l-image-thumb-item.selected {
background: #005177; }
background: #0099cc; }
/* line 137, ../../../../general/res/sass/features/_imagery.scss */
.l-image-thumb-item.selected .l-date,
.l-image-thumb-item.selected .l-time {
@@ -5969,3 +5957,6 @@ table {
/* line 26, ../sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu .icon, .overlay .bottom-bar .s-btn.major .icon, .overlay .bottom-bar .major.s-menu .icon {
color: white; }
/* line 6, ../sass/_controls.scss */
.s-btn.major .title-label, .major.s-menu .title-label, .overlay .bottom-bar .s-btn.major .title-label, .overlay .bottom-bar .major.s-menu .title-label {
text-transform: uppercase; }

31
platform/commonUI/themes/snow/res/sass/_constants.scss
View File

@@ -3,14 +3,16 @@ $colorBodyBg: #fff;
$colorBodyFg: #666;
$colorFooterBg: #000;
$colorKey: #0099cc;
$colorKeySelectedBg: #005177;
$colorKeySelectedBg: $colorKey;
$colorKeyFg: #fff;
$contrastRatioPercent: 30%;
$contrastRatio: 25%;
$colorBtnBg: pullForward($colorBodyBg, $contrastRatio);
$colorBtnFg: $colorBodyBg;
// Buttons
$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent);
$colorBtnFg: $colorBodyBg; //pullForward($colorBodyFg, $contrastRatioPercent);
$colorBtnIcon: $colorBtnFg;
$colorInvokeMenu: #fff;
$colorInvokeMenu: #000;
$contrastInvokeMenuPercent: 50%;
$colorAlt1: #ffc700;
$colorAlert: #ff3c00;
@@ -47,7 +49,7 @@ $colorThumbsBubbleFg: lighten($colorBodyFg, 10%);
$colorThumbsBubbleBg: lighten($colorBodyBg, 10%);
// Overlay
$colorOvrBlocker: rgba(black, 0.7);
$colorOvrBg: $colorBodyBg;
$colorOvrBg: pullForward($colorBodyBg, 10%);
$colorOvrFg: $colorBodyFg;
// Items
$colorItemBase: lighten($colorBodyBg, 5%);
@@ -62,7 +64,18 @@ $tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%);
$tabularColorHeaderBorder: $colorBodyBg;
// Tree
$colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
$colorItemTreeVCHover: $colorAlt1;
$colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%);
$colorItemTreeVCHover: $colorKey;
$colorItemTreeFg: $colorBodyFg;
$colorItemTreeSelectedBg: pushBack($colorKey, 15%);
$colorItemTreeSelectedFg: $colorBodyBg;
$colorItemTreeVC: $colorBodyFg;
$colorItemTreeSelectedVC: $colorBodyBg;
$shdwItemTreeIcon: none;
// Scrollbar
$scrollbarTrackColorBg: rgba(#000, 0.4);
$scrollbarTrackColorBg: rgba(#000, 0.4);
// Splitter
$splitterShdw: none;
$colorSplitterInterior: $colorBodyBg;
$colorSplitterHover: $colorKey;
$colorGrippyInteriorHover: $colorBodyBg;

13
platform/commonUI/themes/snow/res/sass/_controls.scss
View File

@@ -1,7 +1,10 @@
.s-btn {
&.major {
$bg: $colorKey;
$fg: lighten($bg, 70%);
@include btnSubtle($bg, $fg, $fg, 0);
}
&.major {
$bg: $colorKey;
$fg: lighten($bg, 70%);
@include btnSubtle($bg, $fg, $fg, 0);
.title-label {
text-transform: uppercase;
}
}
}

8
platform/commonUI/themes/snow/res/sass/_mixins.scss
View File

@@ -1,7 +1,7 @@
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false, $contrastRatio: 20%) {
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false, $contrastRatioPercent: 20%) {
$hovRatio: 5%;
$bgBase: $bg; //pullForward($bg, $contrastRatio);
$fgBase: $fg; //pushBack($bg, $contrastRatio);
$bgBase: $bg; //pullForward($bg, $contrastRatioPercent);
$fgBase: $fg; //pushBack($bg, $contrastRatioPercent);
background-color: $bgBase;
@include border-radius($controlCr);
@@ -18,7 +18,7 @@
}
}
@mixin btnSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $ic: $colorBtnIcon, $contrastRatio: 20%) {
@mixin btnSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $ic: $colorBtnIcon, $contrastRatioPercent: 20%) {
// $ic: Icon color
@include border-radius($controlCr);
@include containerSubtle($bg, $fg, true, 30%);