mirror of
https://github.com/rjNemo/underscore
synced 2026-06-06 10:36:43 +00:00
97e0a6e7e7
* docs: install compose theme * docs: create collections page * docs: create collections page * docs: change logo Co-authored-by: Ruidy <rnemausat@newstore.com>
46 lines
No EOL
922 B
Sass
46 lines
No EOL
922 B
Sass
html
|
|
--color-mode: "light"
|
|
--light: #fff
|
|
--dark: rgb(28,28,30)
|
|
--haze: #f2f5f7
|
|
--bubble: rgb(36,36,38)
|
|
--accent: var(--haze)
|
|
--bg: var(--light)
|
|
--code-bg: var(--accent)
|
|
--overlay: var(--light)
|
|
--text: #111
|
|
--font: 'Metropolis', sans-serif
|
|
--border-color: #eee
|
|
--inline-color: darkgoldenrod
|
|
--theme: #209CEE
|
|
--ease: ease
|
|
|
|
@mixin darkmode
|
|
--color-mode: "dark"
|
|
--theme: #209CEE
|
|
--bg: var(--dark)
|
|
--text: #eee
|
|
--accent: var(--bubble)
|
|
--overlay: var(--bubble)
|
|
--border-color: transparent
|
|
*
|
|
box-shadow: none !important
|
|
|
|
&[data-mode="dark"]
|
|
@include darkmode
|
|
.color
|
|
&_choice
|
|
&::after
|
|
background-image: url(../icons/moon.svg)
|
|
|
|
&.dark:not([data-mode="light"])
|
|
@media (prefers-color-scheme: dark)
|
|
@include darkmode
|
|
|
|
%narrow
|
|
max-width: 750px
|
|
margin: 0 auto
|
|
|
|
blockquote
|
|
+ .highlight_wrap
|
|
margin-top: 2.25rem |