Initial Commit
This commit is contained in:
commit
dd82ed4d1c
2 changed files with 357 additions and 0 deletions
252
meine-fahrschule.user.css
Normal file
252
meine-fahrschule.user.css
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
105
pocketbase.user.css
Normal file
105
pocketbase.user.css
Normal file
|
|
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Reference in a new issue