Add Photopea Theme

This commit is contained in:
Mars Niermann 2022-11-12 07:41:50 +01:00
parent f54b1c714e
commit e1fad54577
No known key found for this signature in database
GPG key ID: B2D0FC62A74FC971
2 changed files with 15 additions and 11 deletions

View file

@ -1,14 +1,16 @@
/* ==UserStyle== /* ==UserStyle==
@name meine-fahrschulapp Dracula @name Dracula for Meine Fahrschul-App
@namespace git.m3.fyi/Marsn3 @namespace git.m3.fyi/Marsn3
@version 1.0.0 @version 1.0.0
@description Dracula Theme for meine-fahrschulapp.de @description A dark Theme for Meine Fahrschul-App
@author Marsn3 @author Marsn3
@homepageURL https://git.m3.fyi/Marsn3/custom-css @homepageURL https://git.m3.fyi/Marsn3/custom-css
@updateURL https://git.m3.fyi/projects/22/files/main/meine-fahrschule.user.css
@license MIT @license MIT
==/UserStyle== */ ==/UserStyle== */
@-moz-document domain("meine-fahrschulapp.de") { @-moz-document domain("meine-fahrschulapp.de") {
/*Base Colors*/ /*~~~~~ Base Colors ~~~~~*/
:root { :root {
--txtPrimaryColor: #f8f8f2; --txtPrimaryColor: #f8f8f2;
--txtHintColor: #7b81a6; --txtHintColor: #7b81a6;

View file

@ -1,14 +1,16 @@
/* ==UserStyle== /* ==UserStyle==
@name Pocketbase Dracula @name Dracula for Pocketbase
@namespace git.m3.fyi/Marsn3 @namespace git.m3.fyi/Marsn3
@version 1.0.0 @version 1.0.0
@description Dracula Theme for Pocketbase @description A dark Theme for Pocketbase
@author Marsn3 @author Marsn3
@homepageURL https://git.m3.fyi/Marsn3/custom-css @homepageURL https://git.m3.fyi/Marsn3/custom-css
@updateURL
@license MIT @license MIT
==/UserStyle== */ ==/UserStyle== */
@-moz-document domain("api.m3.fyi") { @-moz-document domain("api.m3.fyi") {
/*Base Colors*/ /*~~~~~ Base Colors ~~~~~*/
:root { :root {
--monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono", --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
monospace, emoji; monospace, emoji;
@ -36,14 +38,14 @@
accent-color: var(--primaryColor); accent-color: var(--primaryColor);
} }
/*--- Buttoms ---*/ /*~~~~~ Buttoms ~~~~~*/
.btn.btn-secondary, .btn.btn-secondary,
.btn.btn-outline { .btn.btn-outline {
color: var(--txtHintColor); color: var(--txtHintColor);
background: var(--baseAlt4Color); background: var(--baseAlt4Color);
} }
/*--- Labels ---*/ /*~~~~~ Labels ~~~~~*/
.label.label-warning, .label.label-warning,
.label.label-info, .label.label-info,
.label.label-success, .label.label-success,
@ -54,7 +56,7 @@
color: var(--baseColor); color: var(--baseColor);
} }
/*--- Syntax Highlighting for Code fields ---*/ /*~~~~~ Syntax Highlighting for Code fields ~~~~~*/
.prism-light, .prism-light,
code { code {
background: var(--baseAlt4Color) !important; background: var(--baseAlt4Color) !important;
@ -90,12 +92,12 @@
color: #bd93f9; color: #bd93f9;
} }
/*--- Colored Delete Icon ---*/ /*~~~~~ Colored Delete Icon ~~~~~*/
.ri-delete-bin-7-line { .ri-delete-bin-7-line {
color: var(--dangerColor); color: var(--dangerColor);
} }
/*--- Syntax Highlighting for Regex Fields ---*/ /*~~~~~ Syntax Highlighting for Regex Fields ~~~~~*/
.ͼb { .ͼb {
color: #bd93f9; color: #bd93f9;
} }