Commit e5ab076b authored by Sorin Curescu's avatar Sorin Curescu 🦄
Browse files

Fix: Color contrast ration, green-900 hex changed a little, darktheme fixes

parent 7a902846
......@@ -4,7 +4,7 @@
/* TODO: Add RGB Values */
$eos-bc-green-100: #e4f6ee; //rgb(228, 246, 238);
$eos-bc-green-500: #30ba78; //rgb(48, 186, 120);
$eos-bc-green-900: #139448; //rgb(23, 89, 57);
$eos-bc-green-900: #0e7e3c; //rgb(14, 126, 60);
/* brand color - Pine */
$eos-bc-pine-500: #0c322c; //rgb(12, 50, 44);
......
......@@ -18,11 +18,18 @@
background: $eos-dark-main-menu-background;
li a {
background: transparent;
color: $eos-dark-main-menu-color;
text-decoration: underline;
&:hover {
background: transparent;
text-decoration: none;
}
&.selected {
color: $eos-dark-main-menu-color-hover;
text-decoration: none;
}
}
}
......@@ -66,4 +73,24 @@
}
}
}
.collapsed-sidebar {
.menu-collapsed-title {
background-color: $eos-mm-background-navigation-darktheme;
color: $eos-mm-background-navigation-text-darktheme;
}
.main-collapsed-single {
background: $eos-bc-dt-gray-100;
color: $eos-mm-background-navigation-text-darktheme;
&:hover {
text-decoration: none;
}
&.selected {
color: $eos-dark-main-menu-color-hover;
}
}
}
}
$eos-dark-main-menu-color: $eos-bc-white;
$eos-dark-main-menu-color-active: $eos-bc-green-900;
$eos-dark-main-menu-color-hover: $eos-bc-green-500;
$eos-dark-main-menu-background: $eos-bc-dt-gray-100;
$eos-dark-main-menu-border: $eos-bc-gray-900;
......
......@@ -56,6 +56,10 @@
text-decoration: none;
}
&.selected {
color: $eos-mm-navigation-background-link-active;
}
}
hr {
......@@ -136,6 +140,7 @@
li a {
padding-left: $eos-menu-sub-padding;
text-decoration: underline;
}
}
}
......@@ -259,10 +264,12 @@
color: $eos-menu-collapsed-sub-item;
margin-left: -5px;
padding: 0;
text-decoration: underline;
&:hover, &.selected {
background: $eos-menu-collapsed-sub-item-bg;
color: $eos-menu-item-hover;
color: $eos-mm-navigation-background-link-active;
text-decoration: none;
}
}
}
......@@ -346,6 +353,7 @@
}
/* Mobile menu styles
========================================================================== */
.mobile-menu {
......
......@@ -66,10 +66,13 @@ $eos-menu-svg-icon-marign: 8px;
$eos-mm-background: $eos-bc-pine-500;
$eos-mm-burger-icon-color: $eos-bc-white;
$eos-mm-background-navigation: $eos-bc-gray-50;
$eos-mm-background-navigation-darktheme: $eos-bc-gray-1000;
$eos-mm-background-navigation-text-darktheme: $eos-bc-gray-100;
$eos-mm-navigation-submenu-link: $eos-bc-pine-500;
$eos-mm-navigation-border: $eos-bc-pine-500;
$eos-mm-navigation-link: $eos-bc-gray-1000;
$eos-mm-navigation-background-link-active: $eos-bc-green-500;
$eos-mm-navigation-background-link-active: $eos-bc-green-900;
$eos-mm-navigation-background-link-active-darktheme: $eos-bc-green-500;
$eos-mm-dropdown-hover: $eos-bc-pine-500;
$eos-mm-title-color: $eos-bc-white;
$eos-mm-hr-border: 1px solid $eos-bc-gray-100;
......
......@@ -89,7 +89,7 @@ block content
strong
| 900
.hex
| #139448
| #0e7e3c
.variable-box.color-900
button.btn-unstyled.js-cc(aria-label='Copy code to clipboard', data-clipboard-text='$eos-bc-green-900', data-placement='left')
i.single-icon.eos-icons-outlined.eos-18.eos-light(aria-hidden='true')
......@@ -98,7 +98,7 @@ block content
button.btn-unstyled.margin-top-s.js-cc-hex(aria-label='Copy code to clipboard', data-clipboard-text='#139448', data-placement='left')
i.single-icon.eos-icons-outlined.eos-18.eos-light(aria-hidden='true')
| content_copy
| #139448
| #0e7e3c
.color-wrap.bc-pine
.color-title
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment