darkmode-css - yuyasurarin

darkmode-css

code:style.js

export const css = `

htmldata-project-theme*="de" body {

--body-bg: #202228;

--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;

--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: 02px0var(--card-box-shadow-color);

--card-box-hover-shadow: 02px0rgba(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: #46af5d;

--new-button-hover-bg: #338c46;

--new-button-active-bg: #346447;

--telomere-border: #545863;

--telomere-unread: #659270;

--telomere-updated: #55b56a;

--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);

--cursor-color: #fff

}

.navbar { border-bottom: black; }`