110 lines
2.8 KiB
CSS
110 lines
2.8 KiB
CSS
/* ==UserStyle==
|
|
@name Gruvbox for Paperless
|
|
@namespace git.m3.fyi/Marsn3
|
|
@version 1.0.1
|
|
@description Gruvbox Theme for Paperless
|
|
@author Marsn3
|
|
@homepageURL https://git.m3.fyi/Marsn3/userstyles
|
|
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/paperless.user.css
|
|
@license MIT
|
|
==/UserStyle== */
|
|
@-moz-document domain("paper.m3.fyi") {
|
|
body.color-scheme-system {
|
|
--bs-body-color: var(--fg);
|
|
--bs-body-bg: var(--bg1);
|
|
--bs-light-rgb: var(--rgb-bg);
|
|
--bs-danger: var(--red);
|
|
--bs-danger-rgb: var(--rgb-red);
|
|
--bs-border-color: var(--fg4);
|
|
--pngx-bg-darker: var(--bg4);
|
|
--bs-secondary: var(--fg2);
|
|
--pngx-body-color-accent: var(--fg1);
|
|
--pngx-primary-text-contrast: var(--bg2) !important;
|
|
}
|
|
.pagination {
|
|
--bs-pagination-disabled-color: var(--fg3);
|
|
}
|
|
.btn-outline-secondary {
|
|
--bs-btn-border-color: var(--fg4);
|
|
--bs-btn-hover-border-color: var(--fg3);
|
|
}
|
|
:root {
|
|
--primary: var(--green);
|
|
--secondary: var(--green-dim);
|
|
--primary-fg: var(--fg);
|
|
--header-color: var(--fg);
|
|
--link-fg: var(--blue-dim);
|
|
--link-hover-color: var(--blue);
|
|
--hairline-color: var(--fg4);
|
|
--body-bg: var(--bg2);
|
|
--darkened-bg: var(--bg1);
|
|
--body-fg: var(--fg);
|
|
--body-quiet-color: var(--fg);
|
|
--accent: var(--fg);
|
|
--selected-row: var(--bg_s);
|
|
--object-tools-bg: var(--bg3);
|
|
--object-tools-fg: var(--fg);
|
|
}
|
|
.btn-link {
|
|
--bs-btn-disabled-color: var(--fg3);
|
|
}
|
|
.bg-body {
|
|
background-color: var(--bg1) !important;
|
|
}
|
|
.text-muted {
|
|
color: var(--fg4) !important;
|
|
}
|
|
.btn-primary {
|
|
color: var(--fg);
|
|
background-color: var(--green);
|
|
border-color: var(--green);
|
|
}
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.btn-primary:not(:disabled):not(.disabled):active {
|
|
color: var(--fg1);
|
|
background-color: var(--green-dim);
|
|
border-color: var(--green-dim);
|
|
}
|
|
.btn-primary.focus,
|
|
.form-control:focus,
|
|
.btn-primary:focus {
|
|
box-shadow: none;
|
|
}
|
|
path[style="fill:#17541f"] {
|
|
fill: var(--green) !important;
|
|
}
|
|
svg.logo .text {
|
|
fill: var(--fg) !important;
|
|
}
|
|
body {
|
|
background-color: var(--bg) !important;
|
|
color: var(--fg);
|
|
}
|
|
.form-control:not(.btn) {
|
|
color: var(--fg1);
|
|
background-color: var(--bg2);
|
|
}
|
|
.form-control:not(.is-invalid):not(.btn) {
|
|
border-color: var(--fg4);
|
|
}
|
|
.form-control {
|
|
border: 1px solid var(--fg1);
|
|
}
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
color: var(--fg2) !important;
|
|
}
|
|
.form-control:not(.btn):focus {
|
|
color: var(--fg4) !important;
|
|
background-color: var(--bg1) !important;
|
|
}
|
|
.navbar[_ngcontent-swg-c118]
|
|
.search-form-container[_ngcontent-swg-c118]
|
|
.form-control[_ngcontent-swg-c118] {
|
|
background-color: var(--bg2);
|
|
}
|
|
.bg-secondary {
|
|
background-color: var(--bg4) !important;
|
|
}
|
|
}
|