Files
lnreader-plugins/test_web/static/css/darkmode.less
T
Marcin Majewski e1207c172a Add accordion and fix minor issues (#742)
* Add docs v0.0.1

* Add icon size warning

* Fix sourcenover caution

* Fix semver descriptions

* Filters fix

* Quickfix quickstart

* Add icon warning v2

* Fix typos

* Add NovelItem

* Update plugins host

* Update plugins host

* Remove unnecesarry .js and .dist

* Update plugins host

* Add host.ps1

* Fix readme.txt

* Fix READNE.txt, again

* Remove .js and .dist

* Add accordion

* Working pagination

* readme update with ost

* Add linux/windows hosting functions

* Add tswatch

* Fix fetch function

* Change plugin versions

* Fix chrome

* Fix workflows

* Fix search not showing results

* remove unnecesarry code

* Revert novelupdates changes

* Reverted NobleMTL instead of novelupdates, fixing that

* Revert nobleMTL to e346c7d0

* WTF NobleMTL?
2024-02-04 23:39:07 +07:00

124 lines
3.3 KiB
Plaintext

:root {
--main-bg: rgb(24, 26, 27);
--highlight-bg: rgb(28, 31, 32);
--btn-secondary-color: rgb(33, 37, 38);
--text-color: rgb(182, 176, 166);
--light-text-color: rgb(232, 230, 227);
--dark-border-color: rgb(60, 65, 68);
--hr-color: rgb(50, 55, 57);
--dark-label-color: lightblue;
}
.darkmode {
color-scheme: dark;
background-color: var(--main-bg);
main-accordion {
accordion-box {
&:not([collapsed]) {
accordion-header {
button {
color: white;
}
}
}
accordion-header {
button {
color: #cccc;
background-color: var(--main-bg);
}
}
background-color: var(--highlight-bg);
color: var(--text-color);
input {
&[type="text"] {
background-color: var(--main-bg);
border-color: var(--dark-border-color);
}
}
}
}
.headerinfo span[contenteditable="true"] {
border: 1px solid #fff2;
}
select,
input {
background-color: var(--main-bg);
color: var(--text-color);
border-color: var(--dark-border-color);
}
.navbar {
background-color: var(--main-bg);
color: white;
label {
color: var(--text-color);
background-color: var(--main-bg);
border-color: var(--dark-border-color);
}
form > input {
background-color: var(--main-bg);
color: var(--text-color);
border-color: var(--dark-border-color);
}
#search-results {
color: var(--text-color);
background-color: transparent;
button {
background-color: var(--hr-color);
color: var(--dark-label-color);
font-weight: bolder;
}
}
}
button.btn-secondary {
background-color: var(--btn-secondary-color);
&:focus {
box-shadow: none;
}
}
#darkstyletoggle {
color: var(--dark-label-color);
}
.chapter-item {
.info-item,
.info-value,
.info-item .btn,
.info-item samp {
color: var(--light-text-color);
}
samp {
background-color: var(--main-bg);
}
}
.novel-item {
.info-item,
.info-value,
.info-item .btn,
.info-item samp {
color: var(--light-text-color);
}
samp {
background-color: var(--main-bg);
}
}
.form-control {
color: rgb(182, 176, 166);
background-color: var(--main-bg);
border-color: var(--dark-border-color);
}
.modal-content {
background-color: var(--main-bg);
.close {
color: var(--text-color);
text-shadow: var(--main-bg) 0px 1px 0px;
}
.modal-header {
border-bottom: 2px solid var(--hr-color);
}
.modal-footer {
border-top: 2px solid var(--hr-color);
}
}
}