Additional theme variables

UserCSS.icon

code:style.css

@import url("./dropdown-menu.css");

@import url("./search-result.css");

@import url("./page-list.css");

@import url("./page.css");

@import url("./block-start.css");

まだ不完全な対応

code:dark.css

html {

--dropdown-menu-bg: hsl(223 10% 20%);

--dropdown-menu-item-color: var(--page-text-color);

--dropdown-menu-item-hover-color: var(--page-text-color);

--dropdown-menu-item-hover-bg: hsl(from var(--dropdown-menu-bg) h s calc(l * 0.8));

--dropdown-menu-divider: hsl(223 25% 30%);

}

code:dropdown-menu.css

.dropdown-menu {

}

.page-menu ul > li > div,

.dropdown-menu > li > a {

}

.dropdown-menu>li>a:active,

color: var(--dropdown-menu-item-hover-color, hsl(0 0% 15%));

}

.dropdown-menu .divider {

}

code:dark.css

html {

--search-result-list-item-text-color: var(--page-text-color);

--search-result-list-item-text-hover-color: var(--page-text-color);

--search-result-list-bg: var(--page-bg); /* Por la rezulto de serĉo */

--search-result-list-item-odd-bg: hsl(0 0 0 / .018);

--search-result-list-item-even-bg: hsl(0 0 100% / .018);

--search-result-list-item-hover-bg: hsl(from var(--search-result-list-bg) h s calc(l * 1.2));

--search-result-list-item-border-color: var(--telomere-border);

--search-result-list-item-description-color: var(--page-text-color);

--page-list-item-search-matched-text-bg: hsl(from yellow h s l / .8);

--page-list-item-search-matched-text-color: midnightblue;

}

code:search-result.css

.search-result-list ul.list {

}

.list li.page-list-item {

color: var(--search-result-list-item-text-color, var(--page-text-color));

&:nth-child(even) {

}

&:nth-child(odd) {

}

& a {

background-color: var(--search-result-item-hover-bg, transparent);

}

& .description {

}

& .search-matched {

}

}

}

code:var.css

html {

--empty-card-opacity: .4;

}

code:page-list.css

.grid li.ellipsis a .circle,

.grid li.expand-stack a,

.grid li.start-2hop-search a {

background-color: var(--card-bg);

}

.grid li.page-list-item.unread a {

border-top: var(--card-unread-border, var(--card-hover-border)) !important;

& .content .header { border-top: none; }

}

.grid li.page-list-item a {

border: var(--card-border);

& .title {

text-wrap: var(--card-title-text-wrap, pretty);

color: var(--card-title-color-tmp, var(--card-title-color));

}

& .content .header { border-top: none; }

border: var(--card-hover-border);

background-color: var(--card-focused-bg, var(--card-bg));

}

& .icon { filter: var(--card-icon-filter); }

}

li.relation-label a {

.related-page-list div.links-2-hop .grid & {

box-shadow: var(--relation-label-box-shadow);

border: var(--relation-label-border);

}

.related-page-list div.links-2-hop ul.grid:hover & {

box-shadow: var(--relation-label-box-hover-shadow);

border: var(--relation-label-hover-border);

}

}

code:page.css

.page,

.stream .page {

box-shadow: var(--page-box-shadow, var(--card-box-shadow, 0 4px 0 rgba(0, 0, 0, 0.16)));

border: var(--page-border, var(--card-border, none));

}

code:var.css

html {

--block-start-text-color: light-dark(#342d9c, midnightblue);

}

code:block-start.css

.table-block .table-block-start,

.line span.code-block .code-block-start {

}

code:helpfeel.css

@import url("../../nrem-configs/Helpfeel記法の配色を変更する/style.css");