123 lines
3.1 KiB
SCSS
123 lines
3.1 KiB
SCSS
/*******************************************************************************
|
|
* Themes
|
|
******************************************************************************/
|
|
|
|
:root {
|
|
--global-bg-color: #{$white-color};
|
|
--global-code-bg-color: #{$code-bg-color-light};
|
|
--global-text-color: #{$black-color};
|
|
--global-text-color-light: #{$grey-color};
|
|
--global-theme-color: #{$purple-color};
|
|
--global-hover-color: #{$purple-color};
|
|
--global-hover-text-color: #{$white-color};
|
|
--global-footer-bg-color: #{$grey-color-dark};
|
|
--global-footer-text-color: #{$grey-color-light};
|
|
--global-footer-link-color: #{$white-color};
|
|
--global-distill-app-color: #{$grey-color};
|
|
--global-divider-color: rgba(0, 0, 0, 0.1);
|
|
--global-card-bg-color: #{$white-color};
|
|
--global-highlight-color: #{$red-color-dark};
|
|
|
|
--global-tip-block: #42b983;
|
|
--global-tip-block-bg: #e2f5ec;
|
|
--global-tip-block-text: #215d42;
|
|
--global-tip-block-title: #359469;
|
|
--global-warning-block: #e7c000;
|
|
--global-warning-block-bg: #fff8d8;
|
|
--global-warning-block-text: #6b5900;
|
|
--global-warning-block-title: #b29400;
|
|
--global-danger-block: #c00;
|
|
--global-danger-block-bg: #ffe0e0;
|
|
--global-danger-block-text: #600;
|
|
--global-danger-block-title: #c00;
|
|
|
|
#light-toggle-system {
|
|
padding-left: 10px;
|
|
padding-top: 12px;
|
|
display: block;
|
|
}
|
|
|
|
#light-toggle-dark {
|
|
display: none;
|
|
}
|
|
|
|
#light-toggle-light {
|
|
display: none;
|
|
}
|
|
|
|
.repo-img-light {
|
|
display: block;
|
|
}
|
|
.repo-img-dark {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
html[data-theme="dark"] {
|
|
--global-bg-color: #{$grey-color-dark};
|
|
--global-code-bg-color: #{$code-bg-color-dark};
|
|
--global-text-color: #{$grey-color-light};
|
|
--global-text-color-light: #{$grey-color-light};
|
|
--global-theme-color: #{$cyan-color};
|
|
--global-hover-color: #{$cyan-color};
|
|
--global-hover-text-color: #{$white-color};
|
|
--global-footer-bg-color: #{$grey-color-light};
|
|
--global-footer-text-color: #{$grey-color-dark};
|
|
--global-footer-link-color: #{$black-color};
|
|
--global-distill-app-color: #{$grey-color-light};
|
|
--global-divider-color: #424246;
|
|
--global-card-bg-color: #{$grey-900};
|
|
|
|
--global-tip-block: #42b983;
|
|
--global-tip-block-bg: #e2f5ec;
|
|
--global-tip-block-text: #215d42;
|
|
--global-tip-block-title: #359469;
|
|
--global-warning-block: #e7c000;
|
|
--global-warning-block-bg: #fff8d8;
|
|
--global-warning-block-text: #6b5900;
|
|
--global-warning-block-title: #b29400;
|
|
--global-danger-block: #c00;
|
|
--global-danger-block-bg: #ffe0e0;
|
|
--global-danger-block-text: #600;
|
|
--global-danger-block-title: #c00;
|
|
|
|
.repo-img-light {
|
|
display: none;
|
|
}
|
|
.repo-img-dark {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
html[data-theme-setting="dark"] {
|
|
#light-toggle-system {
|
|
display: none;
|
|
}
|
|
|
|
#light-toggle-dark {
|
|
padding-left: 10px;
|
|
padding-top: 12px;
|
|
display: block;
|
|
}
|
|
|
|
#light-toggle-light {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
html[data-theme-setting="light"] {
|
|
#light-toggle-system {
|
|
display: none;
|
|
}
|
|
|
|
#light-toggle-dark {
|
|
display: none;
|
|
}
|
|
|
|
#light-toggle-light {
|
|
padding-left: 10px;
|
|
padding-top: 12px;
|
|
display: block;
|
|
}
|
|
}
|