Marsn3/userstyles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Finish paperless theme

Browse source
This commit is contained in:
Mars Niermann 2023-03-15 15:29:21 +01:00
parent 456fff6eef
commit d9bd7041c5
No known key found for this signature in database
GPG key ID: B2D0FC62A74FC971
2 changed files with 88 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/duolingo.user.css
View file

@ -1,7 +1,7 @@
/* ==UserStyle==
@name Gruvbox for Duolingo
@namespace git.m3.fyi/Marsn3
@version 1.0.1
@version 1.0.2
@description Gruvbox Theme for Duolingo
@author Marsn3
@homepageURL https://git.m3.fyi/Marsn3/userstyles
@ -25,6 +25,8 @@
--color-owl: var(--rgb-green);
--color-beetle-always-light: var(--rgb-purple-dim);
--color-beetle: var(--rgb-purple-dim);
--color-bee-always-light: var(--rgb-yellow);
--color-bee: var(--rgb-yellow);
--color-dragon-always-light: var(--rgb-purple-dim);
--color-dragon: var(--rgb-purple-dim);
--color-peacock-always-light: var(--rgb-aqua);
@ -49,22 +51,22 @@
--color-sea-sponge: var(--rgb-green);
--color-blue: var(--rgb-blue);
}
._2-Cde ._1lJDk {
color: var(--rgb-fg);
}
/*Logo*/
._2Wzh_,
._2BGPP {
filter: brightness(0) saturate(100%) invert(76%) sepia(32%) saturate(998%)
hue-rotate(15deg) brightness(92%) contrast(85%);
filter: var(--filter-reset) var(--filter-green);
}
/*Lock icon*/
._1reas {
filter: brightness(0) saturate(100%) invert(65%) sepia(8%) saturate(730%)
hue-rotate(356deg) brightness(93%) contrast(90%);
filter: var(--filter-reset) var(--filter-fg3);
}
/*Up-Arrow*/
.fs2FI {
filter: brightness(0) saturate(100%) invert(70%) sepia(14%) saturate(455%)
hue-rotate(105deg) brightness(88%) contrast(85%);
filter: var(--filter-reset) var(--filter-blue);
}
/*Close & Back Button*/
._2F37r,

80
src/paperless.user.css
View file

@ -1,7 +1,7 @@
/* ==UserStyle==
@name Gruvbox for Paperless
@namespace git.m3.fyi/Marsn3
@version 1.0.0
@version 1.0.1
@description Gruvbox Theme for Paperless
@author Marsn3
@homepageURL https://git.m3.fyi/Marsn3/userstyles
@ -18,15 +18,93 @@
--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;
}
}