37 lines
No EOL
922 B
SCSS
37 lines
No EOL
922 B
SCSS
// Common COLOR
|
|
:root {
|
|
--common-black: #000D07;
|
|
--common-white: #ffffff;
|
|
--common-green: #006C35;
|
|
--common-green-primery: #CCE1D7;
|
|
--common-green-btn: #006031;
|
|
--common-green-hover: #2b6445;
|
|
--common-grey: #D9DBDA;
|
|
--common-grey-v2: #5A5A5A;
|
|
--common-green-border: #99C4AF;
|
|
--common-line-color: #AEC5BA;
|
|
--common-black-sub: #26312C;
|
|
}
|
|
|
|
// Theme COLOR change
|
|
.light {
|
|
--body-bg: var(--common-white);
|
|
--white-black: var(--common-white);
|
|
--black-white: var(--common-black);
|
|
--green-theme: #006031;
|
|
--bg-green: #E5F0EB;
|
|
--footer-bg: #F5F5F5;
|
|
--green-button: var(--common-green);
|
|
--icon-border-green: #66A686;
|
|
}
|
|
|
|
.dark {
|
|
--body-bg: #2C2C2C;
|
|
--white-black: var(--common-black);
|
|
--black-white: var(--common-white);
|
|
--green-theme: var(--common-green);
|
|
--bg-green: #33453D;
|
|
--footer-bg: var(--common-black);
|
|
--green-button: #BBD7A7;
|
|
--icon-border-green: var(--common-white);
|
|
} |