2022-11-16 19:03:12 +00:00
|
|
|
/* You can override SASS variables here. */
|
2023-03-26 08:48:42 +00:00
|
|
|
// Themes
|
|
|
|
|
@mixin theme-light {
|
|
|
|
|
--gray-100: #f1eff1;
|
|
|
|
|
--gray-200: #cec8ca;
|
|
|
|
|
--gray-500: #a39a9c;
|
|
|
|
|
|
|
|
|
|
--color-link: #e0435e;
|
|
|
|
|
--color-visited-link: #e94661;
|
|
|
|
|
|
|
|
|
|
--body-background: #eceff4;
|
|
|
|
|
--body-font-color: #33303E;
|
|
|
|
|
|
|
|
|
|
--icon-filter: none;
|
|
|
|
|
|
|
|
|
|
--hint-color-info: #6bf;
|
|
|
|
|
--hint-color-warning: #fd6;
|
|
|
|
|
--hint-color-danger: #f66;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@mixin theme-dark {
|
|
|
|
|
--gray-100: rgba(255, 255, 255, 0.1);
|
|
|
|
|
--gray-200: rgba(255, 255, 255, 0.2);
|
|
|
|
|
--gray-500: rgba(255, 255, 255, 0.5);
|
|
|
|
|
|
|
|
|
|
--color-link: #FF5975;
|
|
|
|
|
--color-visited-link: #F8758B;
|
|
|
|
|
|
|
|
|
|
--body-background: #2C2C3B;
|
|
|
|
|
--body-font-color: #fefefe;
|
|
|
|
|
|
|
|
|
|
--icon-filter: brightness(0) invert(1);
|
|
|
|
|
|
|
|
|
|
--hint-color-info: #6bf;
|
|
|
|
|
--hint-color-warning: #fd6;
|
|
|
|
|
--hint-color-danger: #f66;
|
|
|
|
|
}
|
