641a36405f
Added support for [Bootstrap Table](https://bootstrap-table.com/). Haven't checked the impact on website loading, but I believe [this kind of table](https://examples.bootstrap-table.com/#welcomes/from-data.html) is way more useful for blog posts and projects pages.
68 lines
1.8 KiB
SCSS
68 lines
1.8 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,.1);
|
|
--global-card-bg-color: #{$white-color};
|
|
|
|
.fa-sun {
|
|
display : none;
|
|
}
|
|
.fa-moon {
|
|
padding-left: 10px;
|
|
padding-top: 12px;
|
|
display : block;
|
|
}
|
|
|
|
.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};
|
|
|
|
.fa-sun {
|
|
padding-left: 10px;
|
|
padding-top: 12px;
|
|
display : block;
|
|
}
|
|
.fa-moon {
|
|
display : none;
|
|
}
|
|
|
|
.repo-img-light {
|
|
display: none;
|
|
}
|
|
.repo-img-dark {
|
|
display: block;
|
|
}
|
|
}
|