fix: Move layout colors to common css_variables.scss

-  Layout colors are used by website as well
This commit is contained in:
Suraj Shetty 2021-07-20 08:43:42 +05:30
parent 3e2acb1cb6
commit cd499af6b2
2 changed files with 12 additions and 14 deletions

View file

@ -179,9 +179,20 @@
--text-on-pink: var(--pink-500);
--text-on-cyan: var(--cyan-600);
// Layout Colors
--bg-color: var(--gray-50);
--fg-color: white;
--navbar-bg: white;
--fg-hover-color: var(--gray-100);
--card-bg: var(--fg-color);
--disabled-text-color: var(--gray-700);
--disabled-control-bg: var(--gray-50);
--control-bg: var(--gray-100);
--control-bg-on-gray: var(--gray-200);
--awesomebar-focus-bg: var(--fg-color);
--modal-bg: white;
--toast-bg: var(--modal-bg);
--popover-bg: white;
--awesomplete-hover-bg: var(--control-bg);

View file

@ -25,20 +25,7 @@ $input-height: 28px !default;
--navbar-height: 60px;
// Layout Colors
--bg-color: var(--gray-50);
--fg-color: white;
--navbar-bg: white;
--fg-hover-color: var(--gray-100);
--card-bg: var(--fg-color);
--disabled-text-color: var(--gray-700);
--disabled-control-bg: var(--gray-50);
--control-bg: var(--gray-100);
--control-bg-on-gray: var(--gray-200);
--awesomebar-focus-bg: var(--fg-color);
--modal-bg: white;
--toast-bg: var(--modal-bg);
--popover-bg: white;
--appreciation-color: var(--dark-green-600);
--appreciation-bg: var(--dark-green-100);