commit dd82ed4d1cf9e3d8e1a4553a4ddb700753c4599e
Author: Mars Niermann <mars@mniermann.de>
Date:   Thu Nov 10 02:01:27 2022 +0100

    Initial Commit

diff --git a/meine-fahrschule.user.css b/meine-fahrschule.user.css
new file mode 100644
index 0000000..7bbaad0
--- /dev/null
+++ b/meine-fahrschule.user.css
@@ -0,0 +1,252 @@
+/* ==UserStyle==
+@name           meine-fahrschulapp Dracula
+@namespace      git.m3.fyi/Marsn3
+@version        1.0.0
+@description    Dracula Theme for meine-fahrschulapp.de
+@author         Marsn3
+@homepageURL https://git.m3.fyi/Marsn3/custom-css
+@license MIT
+==/UserStyle== */
+@-moz-document domain("meine-fahrschulapp.de") {
+  /*Base Colors*/
+  :root {
+    --txtPrimaryColor: #f8f8f2;
+    --txtHintColor: #7b81a6;
+    --txtDisabledColor: #9599b7;
+    --primaryColor: #969dca;
+    --bodyColor: #282a36;
+    --baseColor: #282a36;
+    --baseAlt1Color: #585b74;
+    --baseAlt2Color: #4d5166;
+    --baseAlt3Color: #424457;
+    --baseAlt4Color: #373949;
+    --infoColor: #8be9fd;
+    --infoAltColor: #8be9fd;
+    --successColor: #50fa7b;
+    --successAltColor: #50fa7b;
+    --dangerColor: #ff5555;
+    --dangerAltColor: #ff5555;
+    --warningColor: #f1fa8c;
+    --warningAltColor: #ffffa5;
+    --overlayColor: rgba(65, 82, 105, 0.25);
+    --tooltipColor: rgba(255, 255, 255, 0.85);
+    --shadowColor: rgba(0, 0, 0, 0.05);
+    accent-color: var(--primaryColor);
+  }
+
+  * .tab-container,
+  #text,
+  .background-stable,
+  .question-selector,
+  .row.tab-body,
+  .button,
+  ion-content.examination,
+  a.button.question-field,
+  div,
+  a,
+  ion-header-bar,
+  label,
+  ion-nav-view,
+  select,
+  button,
+  ion-content.examination a.button.question-field,
+  ion-content.examination .header,
+  ion-content.examination .list.card,
+  body > div:nth-child(1) > ion-nav-view > ion-view > ion-nav-bar,
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-nav-bar
+    > div:nth-child(3)
+    > ion-header-bar,
+  .pane,
+  .view,
+  .tabs-training .tab-nav,
+  .item {
+    background-color: var(--bodyColor) !important;
+    color: var(--txtPrimaryColor) !important;
+    text-shadow: 1px 1px var(--baseAlt4Color);
+  }
+  ion-content.examination,
+  ion-content.examination-result,
+  ion-content.background-stable {
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  #answer_value1 {
+    color: var(--textPrimaryColor) !important;
+    text-shadow: 1px 1px var(--baseAlt4Color);
+  }
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > div.question-selector
+    > div.row.tab-body {
+    background-color: var(--bodyColor) !important;
+  }
+  ion-content.examination a.button.tab-header.selected,
+  ion-content.examination a.button.question-field.answered {
+    background-color: var(--baseAlt3Color) !important;
+    color: var(--textPrimaryColor) !important;
+    text-shadow: 1px 1px var(--baseAlt4Color);
+    border: none !important;
+  }
+  ion-content.examination a.button.tab-header,
+  ion-content.examination a.button.question-field {
+    background-color: var(--baseAlt3Color) !important;
+    color: var(--textPrimaryColor) !important;
+    text-shadow: 1px 1px var(--baseAlt4Color);
+    border: none !important;
+  }
+  .question-video,
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > question
+    > div
+    > div,
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > div.question-selector,
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > question
+    > div
+    > question-video
+    > div:nth-child(1),
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > question
+    > div
+    > question-video
+    > div:nth-child(4),
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > question
+    > div
+    > question-video
+    > div:nth-child(2)
+    > div
+    > div,
+  .bar-header.has-tabs-top {
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > question
+    > div
+    > question-video
+    > div:nth-child(2)
+    > div
+    > div
+    > button {
+    border-right: none !important;
+  }
+  ion-content.examination a.button.question-field.selected,
+  .training-level-tab.selected {
+    background-color: var(--infoColor) !important;
+    color: var(--textPrimaryColor) !important;
+  }
+  .question-image {
+    position: relative;
+    z-index: 10;
+    transition: width 0.5s ease;
+  }
+  .question-image:hover {
+    width: 200%;
+    height: auto;
+  }
+  ion-content.examination-result .question-icon.correctly-answered {
+    background: var(--successColor) !important;
+    color: var(--textPrimaryColor) !important;
+  }
+  ion-content.examination-result .question-icon.wrongly-answered {
+    background: var(--dangerColor) !important;
+    color: var(--textPrimaryColor) !important;
+  }
+
+  body
+    > div:nth-child(1)
+    > ion-nav-view
+    > ion-view
+    > ion-content
+    > div.scroll
+    > div.row.header {
+    padding-top: 5%;
+  }
+  .balanced,
+  a.balanced {
+    color: var(--successColor);
+  }
+  a.button.tab-header.marked:before,
+  ion-content.examination a.button.question-field.marked:before {
+    border-left: 10px solid var(--warningColor);
+  }
+  .bar {
+    background-color: var(--baseColor);
+  }
+  .training-level-tabs {
+    background-color: var(--baseAlt3Color) !important;
+  }
+  hr,
+  .toggle.toggle-positive input:checked + .track {
+    color: var(--infoColor) !important;
+    background-color: var(--infoColor) !important;
+    border-color: var(--infoColor);
+  }
+  .toggle input:checked + .track {
+    color: var(--successColor) !important;
+    background-color: var(--successColor) !important;
+    border-color: var(--successColor);
+  }
+  .item-radio .radio-icon {
+    color: var(--successColor) !important;
+  }
+  .ion-log-out:before {
+    color: var(--dangerColor);
+  }
+  .positive {
+    color: var(--infoColor);
+  }
+  ion-content.examination a.button.tab-header.selected,
+  ion-content.examination a.button.question-field.answered {
+    background-color: var(--successColor) !important;
+  }
+}
diff --git a/pocketbase.user.css b/pocketbase.user.css
new file mode 100644
index 0000000..16f27c9
--- /dev/null
+++ b/pocketbase.user.css
@@ -0,0 +1,105 @@
+/* ==UserStyle==
+@name           Pocketbase Dracula
+@namespace      git.m3.fyi/Marsn3
+@version        1.0.0
+@description    Dracula Theme for Pocketbase
+@author         Marsn3
+@homepageURL https://git.m3.fyi/Marsn3/custom-css
+@license MIT
+==/UserStyle== */
+@-moz-document domain("api.m3.fyi") {
+  /*Base Colors*/
+  :root {
+    --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
+      monospace, emoji;
+    --txtPrimaryColor: #f8f8f2;
+    --txtHintColor: #7b81a6;
+    --txtDisabledColor: #9599b7;
+    --primaryColor: #969dca;
+    --bodyColor: #282a36;
+    --baseColor: #282a36;
+    --baseAlt1Color: #585b74;
+    --baseAlt2Color: #4d5166;
+    --baseAlt3Color: #424457;
+    --baseAlt4Color: #373949;
+    --infoColor: #8be9fd;
+    --infoAltColor: #8be9fd;
+    --successColor: #50fa7b;
+    --successAltColor: #50fa7b;
+    --dangerColor: #ff5555;
+    --dangerAltColor: #ff5555;
+    --warningColor: #f1fa8c;
+    --warningAltColor: #ffffa5;
+    --overlayColor: rgba(65, 82, 105, 0.25);
+    --tooltipColor: rgba(255, 255, 255, 0.85);
+    --shadowColor: rgba(0, 0, 0, 0.05);
+    accent-color: var(--primaryColor);
+  }
+
+  /*--- Buttoms ---*/
+  .btn.btn-secondary,
+  .btn.btn-outline {
+    color: var(--txtHintColor);
+    background: var(--baseAlt4Color);
+  }
+
+  /*--- Labels ---*/
+  .label.label-warning,
+  .label.label-info,
+  .label.label-success,
+  .alert {
+    color: var(--baseColor);
+  }
+  .alert.alert-warning .icon {
+    color: var(--baseColor);
+  }
+
+  /*--- Syntax Highlighting for Code fields ---*/
+  .prism-light,
+  code {
+    background: var(--baseAlt4Color) !important;
+  }
+  .prism-light .token.punctuation {
+    color: var(--txtPrimaryColor);
+  }
+  .prism-light .token.property {
+    color: var(--infoColor);
+  }
+  .prism-light .token.operator {
+    color: var(--dangerColor);
+  }
+  .prism-light .token.keyword {
+    color: var(--dangerColor);
+  }
+  .prism-light .token.string {
+    color: var(--successColor);
+  }
+  .prism-light .token.boolean {
+    color: var(--warningColor);
+  }
+  .prism-light .token.number {
+    color: #ffb86c;
+  }
+  .prism-light .token.class-name {
+    color: #8be9fd;
+  }
+  .prism-light .token.comment {
+    color: #9599b7;
+  }
+  .prism-light .token.function {
+    color: #bd93f9;
+  }
+
+  /*--- Colored Delete Icon ---*/
+  .ri-delete-bin-7-line {
+    color: var(--dangerColor);
+  }
+
+  /*--- Syntax Highlighting for Regex Fields ---*/
+  .ͼb {
+    color: #bd93f9;
+  }
+  .ͼe {
+    color: var(--dangerColor);
+  }
+}