2021-12-25 08:55:17 +01:00
|
|
|
$theme-width: 1280px;
|
2021-12-24 11:00:43 +01:00
|
|
|
$theme-width-sidebar: 250px;
|
2021-12-25 11:01:32 +01:00
|
|
|
$theme-index-column-width: 384px;
|
2022-08-19 00:34:21 +02:00
|
|
|
$theme-hue: 200;
|
2021-12-24 11:00:43 +01:00
|
|
|
$theme-content-background: hsl($theme-hue, 33%, 20%);
|
|
|
|
|
$theme-content-color: hsl($theme-hue, 0%, 90%);
|
|
|
|
|
$theme-header-logo-height: 90px;
|
|
|
|
|
$theme-header-background: hsl($theme-hue, 0%, 7.5%);
|
|
|
|
|
$theme-header-color: hsl($theme-hue, 100%, 99%);
|
2021-12-24 20:05:17 +01:00
|
|
|
$theme-menu-background: hsl($theme-hue, 0%, 6.5%);
|
2022-03-06 09:21:47 +01:00
|
|
|
$theme-menu-light-background: hsl($theme-hue, 33%, 13.0%);
|
2021-12-24 11:00:43 +01:00
|
|
|
$theme-menu-color: hsl($theme-hue, 0%, 85%);
|
|
|
|
|
$theme-menu-color-active: hsl($theme-hue, 0%, 100%);
|
|
|
|
|
$theme-article-background: hsl($theme-hue, 50%, 10%);
|
|
|
|
|
$theme-article-color: $theme-content-color;
|
2022-08-19 02:25:15 +02:00
|
|
|
$theme-article-title-background: hsl($theme-hue, 100%, 40%);
|
2021-12-24 11:00:43 +01:00
|
|
|
$theme-article-title-color: hsl($theme-hue, 100%, 100%);
|
2021-12-28 19:43:39 +01:00
|
|
|
$theme-article-heading-h1-background: hsl($theme-hue, 75%, 30%);
|
|
|
|
|
$theme-article-heading-h2-background: hsl($theme-hue, 75%, 15%);
|
|
|
|
|
$theme-article-heading-h3-background: transparent;
|
|
|
|
|
$theme-article-heading-h4-background: transparent;
|
|
|
|
|
$theme-article-heading-h5-background: transparent;
|
|
|
|
|
$theme-article-heading-h6-background: transparent;
|
2023-04-03 23:00:25 +02:00
|
|
|
$theme-article-heading-link-color: hsl($theme-hue, 100%, 75%);
|
|
|
|
|
$theme-article-heading-link-color-active: hsl($theme-hue, 100%, 90%);
|
2021-12-28 19:43:39 +01:00
|
|
|
$theme-article-table-head-background: hsl($theme-hue, 75%, 25%);
|
|
|
|
|
$theme-article-table-body-background: hsl($theme-hue, 60%, 15%);
|
|
|
|
|
$theme-article-table-body-background-alt: hsl($theme-hue, 60%, 12.5%);
|
|
|
|
|
$theme-article-link-color: hsl($theme-hue, 50%, 75%);
|
|
|
|
|
$theme-article-link-color-active: hsl($theme-hue, 100%, 85%);
|
2021-12-24 11:00:43 +01:00
|
|
|
$theme-article-meta-background: hsl($theme-hue, 50%, 7.5%);
|
|
|
|
|
$theme-article-meta-color: hsl($theme-hue, 0%, 70%);
|
|
|
|
|
$theme-article-meta-link-color: hsl($theme-hue, 100%, 70%);
|
|
|
|
|
$theme-article-meta-link-color-active: hsl($theme-hue, 100%, 90%);
|
|
|
|
|
$theme-article-shadow: 3px 3px 6px 1px hsla(0, 0, 0, 0.75);
|
|
|
|
|
$theme-comments-background: $theme-article-background;
|
|
|
|
|
$theme-comments-color: $theme-article-color;
|
|
|
|
|
$theme-comments-title-background: hsl($theme-hue, 40%, 35%);
|
|
|
|
|
$theme-comments-title-color: $theme-article-title-color;
|
|
|
|
|
$theme-comments-shadow: 3px 3px 6px 1px hsla(0, 0, 0, 0.75);
|
|
|
|
|
$theme-breadcrumbs-background: hsl($theme-hue, 33%, 15%);
|
|
|
|
|
$theme-breadcrumbs-color: hsl($theme-hue, 100%, 100%);
|
|
|
|
|
$theme-breadcrumbs-link-color: hsl($theme-hue, 100%, 75%);
|
|
|
|
|
$theme-breadcrumbs-link-color-active: hsl($theme-hue, 100%, 85%);
|
2021-12-25 08:35:40 +01:00
|
|
|
$theme-footer-background: hsl($theme-hue, 33%, 10.0%);
|
|
|
|
|
$theme-footer-color: hsl($theme-hue, 0%, 80%);
|
2021-12-25 11:01:32 +01:00
|
|
|
$theme-code-background: hsl($theme-hue, 50%, 5%);
|
2022-10-28 22:31:04 +02:00
|
|
|
$theme-button-background: hsl($theme-hue, 100%, 30.0%);
|
|
|
|
|
$theme-button-background-active: hsl($theme-hue, 100%, 50%);
|
2022-10-28 23:43:02 +02:00
|
|
|
$theme-button-color: hsl($theme-hue, 0%, 100%);
|
|
|
|
|
$theme-button-color-active: hsl($theme-hue, 100%, 100%);
|
2022-11-25 22:44:47 +01:00
|
|
|
$theme-pagination-background: hsl($theme-hue, 50%, 10%);
|
|
|
|
|
$theme-pagination-background-active: hsl($theme-hue, 100%, 50%);
|
|
|
|
|
$theme-pagination-background-selected: hsl($theme-hue, 100%, 33%);
|
|
|
|
|
$theme-pagination-shadow: 0px 3px 6px 1px hsla(0, 0, 0, 0.75);
|
|
|
|
|
$theme-pagination-shadow-active: 0px 3px 6px 1px hsla(0, 0, 0, 0.75);
|
|
|
|
|
$theme-pagination-shadow-selected: 0px 3px 6px 1px hsla(0, 0, 0, 0.75);
|
|
|
|
|
$theme-pagination-color: $theme-content-color;
|
|
|
|
|
$theme-pagination-color-active: hsl($theme-hue, 100%, 100%);
|
|
|
|
|
$theme-pagination-color-selected: hsl($theme-hue, 100%, 50%);
|
2021-12-24 11:00:43 +01:00
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background: $theme-content-background;
|
|
|
|
|
|
|
|
|
|
// Font
|
2023-04-03 22:44:55 +02:00
|
|
|
font-size: 1.1rem;
|
2023-04-03 23:08:26 +02:00
|
|
|
line-height: 1.5em;
|
|
|
|
|
word-spacing: 0.05em;
|
2021-12-24 11:00:43 +01:00
|
|
|
font-family: "Roboto", sans-serif;
|
2021-12-24 20:14:03 +01:00
|
|
|
text-rendering: optimizelegibility;
|
2021-12-24 11:00:43 +01:00
|
|
|
color: $theme-content-color;
|
|
|
|
|
-webkit-font-smoothing: auto;
|
|
|
|
|
-moz-osx-font-smoothing: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a,
|
2022-10-28 23:43:02 +02:00
|
|
|
a:hover,
|
2022-10-28 22:32:11 +02:00
|
|
|
a:visited,
|
|
|
|
|
a:focus,
|
|
|
|
|
a:active {
|
2021-12-24 11:00:43 +01:00
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: inherit;
|
|
|
|
|
}
|
|
|
|
|
|
2022-10-28 22:31:04 +02:00
|
|
|
button {
|
|
|
|
|
background: $theme-button-background;
|
|
|
|
|
color: $theme-button-color;
|
|
|
|
|
border: 0;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
2022-10-28 23:43:02 +02:00
|
|
|
button:hover,
|
2022-10-28 22:32:11 +02:00
|
|
|
button:focus,
|
|
|
|
|
button:active,
|
|
|
|
|
button:visited {
|
2022-10-28 22:31:04 +02:00
|
|
|
background: $theme-button-background-active;
|
|
|
|
|
color: $theme-button-color-active;
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2021-12-24 11:00:43 +01:00
|
|
|
@import "_header.scss";
|
|
|
|
|
@import "_content.scss";
|
2021-12-25 08:35:40 +01:00
|
|
|
@import "_footer.scss";
|
