summaryrefslogtreecommitdiff
path: root/src/env
diff options
context:
space:
mode:
authorMateusz Gapski <mateuszx.gapski@intel.com>2020-09-07 08:39:39 +0300
committerMateusz Gapski <mateuszx.gapski@intel.com>2020-09-07 08:39:39 +0300
commit4afe2f762cf7f567579bcd3b03c9023c79b535fc (patch)
tree5772e8daa3a1aa04176cad1fcff0414ce768b8cf /src/env
parent11e655ca77827f3d1be9bfeebbe245987dfb8370 (diff)
downloadwebui-vue-4afe2f762cf7f567579bcd3b03c9023c79b535fc.tar.xz
Change intel theme
- Change colours in intel theme - Change colour od switch, radiobuttons and checkboxes Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I701e2157a9abe00f4343b27079e0bbce3464f0bd
Diffstat (limited to 'src/env')
-rw-r--r--src/env/assets/styles/_intel.scss34
1 files changed, 21 insertions, 13 deletions
diff --git a/src/env/assets/styles/_intel.scss b/src/env/assets/styles/_intel.scss
index 37869ee7..0b17b7a1 100644
--- a/src/env/assets/styles/_intel.scss
+++ b/src/env/assets/styles/_intel.scss
@@ -22,30 +22,38 @@
$font-family-base: "Intel Clear", "Helvetica Neue", Helvetica, Arial, sans-serif;
-$intel-blue: #0071c5;
-$light-blue: #00aeef;
-$pale-blue: #7ed3f7;
+$classic-blue: #0068B5;
+$energy-blue: #00C7FD;
-$primary: $intel-blue;
+$primary: $classic-blue;
$red: #ed1c24;
$orange: #ffa300;
$yellow: #f3d54e;
$green: #c4d600;
-$cyan: $light-blue;
-$gray: #939598;
-$dark-gray: #53565a;
-$light-gray: #B1BABF;
+$cyan: $energy-blue;
+$gray: #AEAEAE;
+$dark-gray: #808080;
+$light-gray: #E9E9E9;
$black: #000000;
$white: #ffffff;
-$danger: #ED1c24;
-$success: #a6ce39;
-$warning: #FDB813;
+$danger: #C81326;
+$success: #8BAE46;
+$warning: #FEC91B;
-$loading-color: $black;
-$navbar-color: $intel-blue;
+
+$gray-100: $white;
+
+$loading-color: $warning;
+$navbar-color: $classic-blue;
.status-icon.secondary {
fill: $light-gray !important;
}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
+.custom-control-input:checked ~ .custom-control-label::before {
+ background-color: $primary !important;
+}