nhcarrigan/docs
2
0
Fork 0
generated from nhcarrigan/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: align styles with other sites (#46)

Browse Source 
Reviewed-on: https://codeberg.org/nhcarrigan/docs/pulls/46
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
This commit is contained in:
Naomi Carrigan
2024-12-21 04:16:38 +00:00
committed by Naomi the Technomancer
parent 80a6209688
commit 23d8a47f10
6 changed files with 50 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ThemeProvider.astro Normal file
View File

@ -0,0 +1,3 @@
<script is:inline>
document.documentElement.dataset.theme = "light";
</script>

0
src/components/ThemeSelect.astro Normal file
View File

BIN
src/fonts/OpenDyslexicMono-Regular.otf
View File

Binary file not shown.

2
src/fonts/font-face.css
View File

@ -1,6 +1,6 @@
@font-face {
font-family: "OpenDyslexic Mono";
src: url("./OpenDyslexicMono-Regular.otf") format("opentype");
src: url("https://cdn.nhcarrigan.com/fonts/OpenDyslexicMono-Regular.otf") format("opentype");
}
* {

52
src/styles/style.css
View File

@ -1,12 +1,7 @@
:root,
:root[data-theme="light"] {
:root {
--primary-color: #04624f;
--background-color: #abfcecdd;
}
:root[data-theme="dark"] {
--background-color: #04624fdd;
--primary-color: #abfcec;
--sl-color-text-accent: #04624f;
}
.main-frame::before {
@ -43,23 +38,58 @@ h2,
h3,
h4,
h5,
h6 {
h6,
a {
color: var(--primary-color) !important;
}
a[aria-current="page"] {
color: var(--background-color) !important;
background-color: var(--primary-color) !important;
}
header {
color: var(--primary-color) !important;
background-color: var(--background-color) !important;
}
.large {
color: var(--primary-color) !important;
}
.right-sidebar-panel :where(a) {
color: var(--primary-color) !important;
}
footer > div > a, footer > div > a:visited, footer > div > p {
.right-sidebar-panel :where(a):hover {
color: var(--background-color) !important;
background-color: var(--primary-color) !important;
}
footer > div > a,
footer > div > a:visited,
footer > div > p {
color: var(--primary-color) !important;
}
.right-sidebar-panel :where(a):hover {
color: white !important;
.social-icons::after {
display: none;
}
.sidebar-content {
color: var(--primary-color) !important;
}
.link-title {
color: var(--primary-color) !important;
}
.pagination-links > a:hover {
color: var(--background-color) !important;
background-color: var(--primary-color) !important;
}
.pagination-links > a:hover > span > .link-title {
color: var(--background-color) !important;
background-color: var(--primary-color) !important;
}