diff --git a/src/base.user.css b/src/base.user.css
index 0c3dbb0..e922e2a 100644
--- a/src/base.user.css
+++ b/src/base.user.css
@@ -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;
   }
 }
diff --git a/src/jellyfin.user.css b/src/jellyfin.user.css
new file mode 100644
index 0000000..2d1a58d
--- /dev/null
+++ b/src/jellyfin.user.css
@@ -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);
+  }
+}
diff --git a/src/moodle.user.css b/src/moodle.user.css
index e151151..7489e42 100644
--- a/src/moodle.user.css
+++ b/src/moodle.user.css
@@ -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 {