Update Gruvbox Base to v1.0.2 and add Gruvbox for Moodle

This commit is contained in:
Mars 2023-03-28 09:15:29 +02:00
parent 57a7dc4a71
commit dec11d26d5
3 changed files with 172 additions and 10 deletions

View file

@ -1,7 +1,7 @@
/* ==UserStyle==
@name Gruvbox Base
@namespace git.m3.fyi/Marsn3
@version 1.0.1
@version 1.0.2
@description Base Gruvbox Theme
@author Marsn3
@homepageURL https://git.m3.fyi/Marsn3/userstyles
@ -149,6 +149,6 @@ regexp("about:(?!addons|app-manager|config|customizing|stylish-edit|downloads|pe
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
monospace, emoji !important;
--bg-road: "https://m3.fyi/assets/road.jpg" !important;
--bg-road: url("https://cdn.m3.fyi/road.jpg") !important;
}
}

104
src/jellyfin.user.css Normal file
View file

@ -0,0 +1,104 @@
/* ==UserStyle==
@name Gruvbox for Jellyfin
@namespace git.m3.fyi/Marsn3
@version 1.0.0
@description Base Jellyfin Theme
@author Marsn3
@homepageURL https://git.m3.fyi/Marsn3/userstyles
@updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/jellyfin.user.css
@license MIT
==/UserStyle== */
@-moz-document domain("media.m3.fyi") {
#loginPage {
background: var(--bg-road) !important;
background-size: cover !important;
}
.backdropImage {
display: none;
}
.fab,
.raised {
background: var(--bg);
color: var(--fg);
}
.backgroundContainer {
background-color: rgba(0, 0, 0, 0);
background-image: var(--bg-road);
filter: blur(10px);
background-size: cover;
}
.button-submit {
color: var(--fg);
background-color: var(--green);
}
.checkboxListLabel,
.inputLabel,
.inputLabelUnfocused,
.paperListLabel,
.textareaLabelUnfocused,
.emby-tab-button,
.cardText-secondary,
.fieldDescription,
.guide-programNameCaret,
.listItem .secondary,
.nowPlayingBarSecondaryText,
.programSecondaryTitle,
.secondaryText {
color: var(--fg2);
}
.checkboxIcon,
body,
.emby-tab-button-active,
.material-icons {
color: var(--fg);
}
.emby-checkbox:checked + span + .checkboxOutline,
.itemProgressBarForeground {
background-color: var(--green);
}
.emby-checkbox:checked + span + .checkboxOutline {
border-color: var(--green);
}
.button-submit:focus {
background: var(--green-dim);
color: var(--fg1);
}
.emby-input,
.emby-textarea {
background: var(--bg);
color: var(--fg);
border: 0.16em solid var(--bg);
}
.inputLabelFocused,
.selectLabelFocused,
.textareaLabelFocused,
.emby-tab-button:hover {
color: var(--green);
}
.emby-input:focus,
.emby-textarea:focus {
border-color: var(--green);
}
.pageTitleWithDefaultLogo {
background-image: url("https://cdn.m3.fyi/moe_gruv.gif");
}
.pageTitleWithDefaultLogo::after {
margin-left: 2em;
color: var(--fg);
content: "Media";
}
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {
background: none;
background-color: rgba(0, 0, 0, 0);
}
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader {
background: none;
background-color: rgba(0, 0, 0, 0);
}
.paper-icon-button-light:hover:not(:disabled) {
color: var(--green);
background-color: var(--rgb-green-dim);
}
}

View file

@ -1,8 +1,8 @@
/* ==UserStyle==
@name Gruvbox for Moodle
@namespace git.m3.fyi/Marsn3
@version 1.0.2
@description Gruvbox Theme for Photopea
@version 1.0.3
@description Gruvbox Theme for Moodle
@author Marsn3
@homepageURL https://git.m3.fyi/Marsn3/userstyles
@updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/moodle.user.css
@ -49,6 +49,7 @@
.pagelayout-login #page,
body.pagelayout-login #page,
.card,
.drawer,
.message-app,
.bg-light {
background: var(--bg) !important;
@ -84,7 +85,8 @@
color: var(--fg3);
}
.description .course-description-item {
.description .course-description-item,
.path-mod .activity-header:not(:empty) {
background-color: var(--bg4);
}
.activity-item:not(.activityinline) {
@ -153,7 +155,20 @@
.text-primary {
color: var(--green) !important;
}
.text-dark {
.courseindex .courseindex-item.pageitem:hover,
.courseindex .courseindex-item.pageitem:focus {
background-color: var(--green-dim);
color: var(--fg) !important;
}
.courseindex .courseindex-item.pageitem {
background-color: var(--green);
color: var(--fg);
}
.text-dark,
.courseindex .courseindex-item:hover .courseindex-link,
.courseindex .courseindex-item:hover .courseindex-chevron,
.courseindex .courseindex-item:focus .courseindex-link,
.courseindex .courseindex-item:focus .courseindex-chevron {
color: var(--fg4) !important;
}
.text-dark:hover {
@ -172,7 +187,9 @@
border-color: var(--bg3);
}
.text-body,
.dropdown-menu {
.dropdown-menu,
.courseindex .courseindex-item .courseindex-link,
.courseindex .courseindex-item .courseindex-chevron {
color: var(--fg) !important;
}
.bg-white {
@ -181,8 +198,13 @@
.primary-navigation .navigation .nav-link {
color: var(--fg);
}
.navbar.fixed-top #usernavigation .nav-link {
color: var(--fg);
.navbar.fixed-top #usernavigation .nav-link,
.text-dark,
.courseindex .courseindex-item:hover .courseindex-link,
.courseindex .courseindex-item:hover .courseindex-chevron,
.courseindex .courseindex-item:focus .courseindex-link,
.courseindex .courseindex-item:focus .courseindex-chevron {
color: var(--fg) !important;
}
.border-left,
.navbar.fixed-top {
@ -200,8 +222,44 @@
a.dropdown-toggle:focus,
[role="button"]:focus,
.form-control:focus,
.aabtn.focus,
.aabtn:focus,
.btn-link.focus,
.btn-link:focus,
.nav-link.focus,
.nav-link:focus,
.editor_atto_toolbar button.focus,
.editor_atto_toolbar button:focus,
.editor_atto_toolbar .atto_toolbar_row.focus,
.editor_atto_toolbar .atto_toolbar_row:focus,
[role="button"].focus,
[role="button"]:focus,
.list-group-item-action.focus,
.list-group-item-action:focus,
input[type="checkbox"].focus,
input[type="checkbox"]:focus,
input[type="radio"].focus,
input[type="radio"]:focus,
input[type="file"].focus,
input[type="file"]:focus,
input[type="image"].focus,
input[type="image"]:focus,
.sr-only-focusable.focus,
.sr-only-focusable:focus,
a.dropdown-toggle.focus,
a.dropdown-toggle:focus,
.modal-dialog[tabindex="0"].focus,
.modal-dialog[tabindex="0"]:focus,
.moodle-dialogue-base .closebutton.focus,
.moodle-dialogue-base .closebutton:focus,
button.close.focus,
button.close:focus,
.form-autocomplete-selection.focus,
.form-autocomplete-selection:focus,
[role="treeitem"]:not([aria-expanded="true"]).focus,
[role="treeitem"]:not([aria-expanded="true"]):focus,
.nav-link:focus {
box-shadow: 0 0 0 0.2rem var(--green);
box-shadow: 0 0 0 0.2rem var(--green-dim);
}
.dropdown-menu {