1// NOTIFICATION & ALERT 2$red: #e45959; 3$light-red: #503434; 4$lighter-red: #473232; 5 6$dark-yellow: #e99003; 7$yellow: #a78820; 8$light-yellow: #2f280a; 9$lighter-yellow: #2f280a; 10 11$green: #59db8f; 12$light-green: #344e3f; 13$lighter-green: #32453a; 14 15$blue: #429ae3; 16 17// MAIN 18$main-nav-bg-color: #2b2b2b; 19$main-subnav-bg-color: #454545; 20$main-subnav-bg-selected-color: #2e2e2e; 21$main-color: #2d3135; 22$font-color: #f2f2f2; 23$font-selected-color: #f2f2f2; 24$font-alt-color: #737373; 25$body-bg-color: #0e1012; 26 27 28// UI 29$ui-bg-color: #2b2b2b; 30$ui-bg-selected-color: #4f4f4f; 31$ui-hover-color: #383838; 32$ui-border-color: #303030; 33 34$action-hover-color: #454545; 35$action-border-color: #383838; 36$action-shadow-color: rgba(#000, 0.5); 37 38$table-border-color: #383838; 39 40$ui-tab-bg-selected-color: #69808d; 41 42 43// FORMS 44$form-font-color: #e1e3ed; 45$form-bg-color: #383838; 46$form-border-color: #4f4f4f; 47$form-border-focus-color: #768d99; 48 49$form-disabled-font-color: #525252; 50$form-disabled-bg-color: #2b2b2b; 51$form-disabled-border-color: #3d3d3d; 52 53$scrollbar-track-color: #1f1f1f; 54$scrollbar-thumb-color: #383838; 55 56 57// BUTTONS 58$btn-font-color: #f2f2f2; 59$btn-bg-color: #69808d; 60$btn-border-color: #768d99; 61 62$btn-alt-font-color: #768d99; 63$btn-alt-bg-color: transparent; 64$btn-alt-border-color: $btn-border-color; 65 66$btn-form-font-color: #f2f2f2; 67$btn-form-bg-color: $form-bg-color; 68$btn-form-hover-color: #414141; 69$btn-form-border-color: $form-border-color; 70 71$btn-disabled-font-color: #525252; 72$btn-disabled-bg-color: transparent; 73$btn-disabled-border-color: #3d3d3d; 74 75 76// LINKS 77$link-color: #4796c4; 78$link-hover-color: #4796c4; 79$link-active-color: #4796c4; 80$link-visited-color: #4796c4; 81 82$link-main-nav-color: rgba(#fff, 0.8); 83$link-main-nav-hover-color: rgba(#fff, 1); 84$link-main-nav-active-color: rgba(#fff, 1); 85$link-main-nav-visited-color: rgba(#fff, 0.8); 86 87$link-main-subnav-color: rgba(#fff, 0.8); 88$link-main-subnav-hover-color: rgba(#fff, 1); 89$link-main-subnav-active-color: rgba(#fff, 1); 90$link-main-subnav-visited-color: rgba(#fff, 0.8); 91 92// ANALOG CLOCK 93$clock-face-color: #383838; 94$clock-hand-color: #f2f2f2; 95$clock-hand-sec-color: #69808d; 96$clock-lines-color: #4f4f4f; 97 98.top-nav-help { 99 background: url(../img/icon-sprite.svg) no-repeat -84px -32px !important; 100} 101.top-nav-profile { 102 background: url(../img/icon-sprite.svg) no-repeat -84px -104px !important; 103} 104.top-nav-signout { 105 background: url(../img/icon-sprite.svg) no-repeat -84px -140px !important; 106} 107.top-nav-zbbshare { 108 background: url(../img/icon-sprite.svg) no-repeat -87px -68px !important; 109} 110.btn-search{ 111 background: url(../img/icon-sprite.svg) no-repeat -83px -7px !important; 112} 113 114.list-table { 115 116 thead th { 117 border-bottom: 2px solid lighten($table-border-color, 3%) !important; 118 } 119} 120 121// Important! @import string should come after variables 122@import 'screen.scss'; 123