mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Update custom.css

Browse source
This commit is contained in:
David Hill 2025-10-01 22:02:02 +01:00 • committed by Adam
parent 86e3b26e11
commit 95d3fcd55c
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
1 changed files with 44 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

44
packages/web/src/styles/custom.css
View file

@ -4,6 +4,7 @@
--sl-nav-gap: 40px;
--sl-color-text: hsl(0, 1%, 39%);
--sl-border-color: hsl(0, 1%, 85%);
--sl-color-hairline-shade: hsl(0, 1%, 85%);
--color-background: hsl(0, 20%, 99%);
--color-background-weak: hsl(0, 8%, 97%);
@ -36,6 +37,7 @@ body {
--sl-color-gray-5: hsl(0, 4%, 23%);
--sl-color-text: hsl(0, 4%, 71%);
--sl-border-color: hsl(0, 4%, 23%);
--sl-color-hairline-shade: hsl(0, 4%, 23%);
--color-background: hsl(0, 9%, 7%);
--color-background-weak: hsl(0, 6%, 10%);
@ -58,6 +60,37 @@ body {
}
}
.header:where(.astro-tcroauqe) {
border-bottom: 1px solid var(--color-border-weak) !important;
}
.sl-markdown-content hr {
border-bottom: 1px solid var(--color-border-weak) !important;
}
#starlight__on-this-page--mobile {
border-bottom: 1px solid var(--color-border-weak) !important;
}
mobile-starlight-toc nav summary .toggle {
opacity: 60% !important;
text-decoration: none !important;
}
nav.sidebar summary svg.caret {
color: var(--color-icon) !important;
}
body > .page > header button[data-open-modal] > kbd kbd {
color: var(--color-icon) !important;
font-size: 16px !important;
display: flex;
}
body > .page > header button[data-open-modal] > kbd kbd:first-child {
font-size: 20px !important;
}
body > .page > .main-frame .main-pane > main > .content-panel + .content-panel {
border-top: none !important;
}
@ -153,7 +186,10 @@ body > .page > header button[data-open-modal] {
@media (prefers-color-scheme: dark) {
background: var(--color-background-weak);
}
}
body > .page > header button[data-open-modal] {
background: var(--color-background-weaker);
}
site-search > button span {
@ -221,6 +257,14 @@ ul, ol {
border-color: var(--color-text-strong);
}
.social-icons a svg {
color: var(--color-text-weak) !important;
}
.social-icons a svg:hover {
color: var(--color-text-strong) !important;
}
body > .page > header, :root[data-has-sidebar] body > .page > header {
background: var(--color-background) !important;
padding: 24px !important;