js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial dark theme (WIP)

Browse Source
This commit is contained in:
Cory LaViska
2020-08-14 17:31:21 -04:00
parent 573552b457
commit 787735cec7
16 changed files with 481 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
docs/assets/plugins/code-block/code-block.css
View File

@@ -49,7 +49,7 @@
border: solid 1px var(--sl-color-gray-90);
border-bottom: none;
border-radius: 0 !important;
margin: 0 !important;
margin: 0;
display: none;
}
@@ -106,3 +106,42 @@
.code-block--expanded .code-block__toggle svg {
transform: rotate(180deg);
}
/* Dark theme */
.sl-theme-dark .code-block {
background-color: hsl(var(--sl-color-gray-hue), var(--sl-color-gray-saturation), 13%);
}
.sl-theme-dark .code-block__preview {
background-color: var(--sl-color-gray-10);
border-color: var(--sl-color-gray-20);
}
.sl-theme-dark .code-block__source {
border-color: var(--sl-color-gray-20);
}
.sl-theme-dark .code-block__resizer {
border-left-color: var(--sl-color-gray-20);
background-color: var(--sl-color-gray-10);
color: var(--sl-color-gray-60);
}
.sl-theme-dark .code-block__toggle {
background-color: var(--sl-color-gray-10);
border-color: var(--sl-color-gray-20);
color: var(--sl-color-gray-60);
}
.sl-theme-dark .code-block__toggle:hover,
.sl-theme-dark .code-block__toggle:active {
background-color: var(--sl-color-gray-10);
border-color: var(--sl-color-gray-20);
color: var(--sl-color-gray-60);
}
.sl-theme-dark .code-block__toggle:focus {
border-color: var(--sl-color-primary-50);
background-color: var(--sl-color-primary-10);
color: var(--sl-color-primary-50);
}