Default Dark

https://scrapbox.io/files/698e09a7db7d341bef369d71.svg

#ダークテーマ

Cosenseテーマ

code:style.css

@container style(--project-theme: "settings.default-dark") {

code:style.css

body, .app {

--current-project-skin-name: "Default Dark";

& {

--body-bg: #202228;

--brand-icon-y-first-stop-opacity: 0.3;

--brand-icon-y-last-stop-opacity: 0.6;

--brand-icon-x-first-stop-opacity: 0.2;

--brand-icon-x-last-stop-opacity: 0.3;

--navbar-bg: rgba(55, 59, 68, 0.5);

--navbar-icon-color: #fff;

--navbar-icon-active-color: #338c46;

--navbar-icon-hovered-color: #338c46;

--search-form-bg: rgba(255, 255, 255, 0.13);

--search-form-icon-color: #fff;

--search-form-icon-focus-color: #4a4a4a;

--2hop-search-bg: rgba(255, 255, 255, 0.15);

--card-title-color: #f0f0f0;

--card-title-bg: #2b2e38;

--card-bg: #373b44;

--card-hover-bg: rgba(0, 0, 0, 0.1);

--card-active-bg: rgba(229, 229, 229, 0.1);

--card-backside: #545860;

--card-description-color: #c4c4c4;

--card-description-link-color: #80c9fe;

--card-description-code-color: #ccc;

--card-box-shadow-color: #000;

--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);

--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);

--card-title-bg-pinned: #2b2e38;

--relation-label-bg: #2b2e38;

--relation-label-text: #dddede;

--relation-label-links-bg: #80c9fe;

--relation-label-links-text: #202228;

--relation-label-empty-bg: #fb7476;

--relation-label-empty-text: #fff;

--tool-color: #535863;

--tool-light-color: #353b48;

--tool-badge-bg: #2b2e38;

--tool-bg: #2b2e38;

--tool-text-color: #dddede;

--new-button-vertical-color: #fff;

--new-button-horizontal-color: #fff;

--new-button-bg: hsl(227 51% 56% / 1);

--new-button-hover-bg: hsl(227 51% 50% / 1);

--new-button-active-bg: hsl(227 51% 45% / 1);

--telomere-border: #545863;

--page-text-color: rgba(255, 255, 255, 0.87);

--page-link-color: #80c9fe;

--page-link-hover-color: #6a9ec6;

--page-link-color-cursor-line: #a985e4;

--page-bg: #373b44;

--empty-page-link-color: #fb7476;

--empty-page-link-hover-color: #b47576;

--line-title-color: rgba(255, 255, 255, 0.87);

--line-permalink-color: rgba(234, 218, 74, 0.35);

--code-color: #ccc;

--code-bg: rgba(0, 0, 0, 0.18);

--quote-bg-color: rgba(0, 0, 0, 0.2);

--page-image-loading-border-color: #555;

--cursor-color: #fff

}

& code.highlight {

color: #ccc

}

& code.highlight .hljs {

display: block;

overflow-x: auto;

padding: .5em;

background: #fdf6e3;

color: #657b83

}

& code.highlight .hljs-comment,

& code.highlight .hljs-quote {

color: #93a1a1

}

& code.highlight .hljs-keyword,

& code.highlight .hljs-selector-tag,

& code.highlight .hljs-addition {

color: #859900

}

& code.highlight .hljs-number,

& code.highlight .hljs-string,

& code.highlight .hljs-meta .hljs-meta-string,

& code.highlight .hljs-literal,

& code.highlight .hljs-doctag,

& code.highlight .hljs-regexp {

color: #2aa198

}

& code.highlight .hljs-title,

& code.highlight .hljs-section,

& code.highlight .hljs-name,

& code.highlight .hljs-selector-id,

& code.highlight .hljs-selector-class {

color: #268bd2

}

& code.highlight .hljs-attribute,

& code.highlight .hljs-attr,

& code.highlight .hljs-variable,

& code.highlight .hljs-template-variable,

& code.highlight .hljs-class .hljs-title,

& code.highlight .hljs-type {

color: #b58900

}

& code.highlight .hljs-symbol,

& code.highlight .hljs-bullet,

& code.highlight .hljs-subst,

& code.highlight .hljs-meta,

& code.highlight .hljs-meta .hljs-keyword,

& code.highlight .hljs-selector-attr,

& code.highlight .hljs-selector-pseudo,

& code.highlight .hljs-link {

color: #cb4b16

}

& code.highlight .hljs-built_in,

& code.highlight .hljs-deletion {

color: #dc322f

}

& code.highlight .hljs-strong {

font-weight: bold

}

code:style.css

}