diff --git a/IAS-Freude-schoener-Goetterfunken/README.md b/IAS-Freude-schoener-Goetterfunken/README.md index 177f66dc40..65ac43fa44 100644 --- a/IAS-Freude-schoener-Goetterfunken/README.md +++ b/IAS-Freude-schoener-Goetterfunken/README.md @@ -18,6 +18,9 @@ Das Projekt wurde inspiriert von Hitdice, die auch den Entwicklungsprozess in ve # History +## 2021-11-28 +- Feature: Hoher Kontrast einstellbar + ## 2021-11-23 - Bugfix: Reroll bei 5 Würfeln diff --git a/IAS-Freude-schoener-Goetterfunken/fsg.css b/IAS-Freude-schoener-Goetterfunken/fsg.css index 18732159c6..ccc27dd4e4 100644 --- a/IAS-Freude-schoener-Goetterfunken/fsg.css +++ b/IAS-Freude-schoener-Goetterfunken/fsg.css @@ -1,27 +1,58 @@ /* EDITED by Gorthian INSPIRED by Hitdice (https://www.youtube.com/c/Hitdice) - Version 1.1 - Letzte Änderung 2021-11-23 + Version 1.2 + Letzte Änderung 2021-11-28 GitHub https://github.com/Gorthian/FSG_CharacterSheet_Roll20 Wiki https://github.com/Gorthian/FSG_CharacterSheet_Roll20/wiki */ +/************************************/ +/* Normaler Kontrast */ +/************************************/ +.sheet-wrapper { + --sheet-bg : #645A51; + --sheet-text-color : #000000; + --container-bg : #645A51; + --title-bg : #D4B938; + --title-border : none; + --box-bg : #C2AF80; + --box-border : 1px solid #B5A883; + --input-border : 1px solid #000000; + --button-text-color : #000000; +} + +/************************************/ +/* Hoher Kontrast */ +/************************************/ +input.sheet-toggle-contrast:checked ~ .sheet-wrapper { + --sheet-bg : #FFFFFF; + --sheet-text-color : #FFFFFF; + --container-bg : #FFFFFF; + --title-bg : #000000; + --title-border : 1px solid #FFFFFF; + --box-bg : #000000; + --box-border : 1px solid #FFFFFF; + --input-border : 1px solid #FFFFFF; + --button-text-color : #000000; +} + /************************************/ /* GRID-Layout */ /************************************/ -.sheet-fsg { - background-color : #645a51; +.sheet-fsg { + background-color : var(--sheet-bg); + color : var(--sheet-text-color); display : grid; grid-template-columns : auto 150px; grid-template-areas : "status-effects sidebar" "sheet-content sidebar" "inventory inventory" "who who" - "footer footer"; - + "high-contrast high-contrast" + "footer footer"; } div.sheet-status-effects { @@ -41,6 +72,7 @@ div.sheet-general { "skills specials specials" } +div.sheet-high-contrast {grid-area: high-contrast;} div.sheet-eat {grid-area: eat;} div.sheet-drink {grid-area: drink;} div.sheet-home {grid-area: home;} @@ -110,24 +142,28 @@ div.sheet-item-empty{grid-area: item-empty;} /* Allgemeine Layouts */ /************************************/ -.sheet-box { - background-color : #c2af80; - display : grid; - border : 1px solid #b5a883; - border-radius : 10px; - margin : 2px; +.sheet-hidden { + display : none; } -.sheet-container { - background-color : #645a51; - display : grid; - border : none; - margin : 0; +.sheet-box { + background-color : var(--box-bg); + border : var(--box-border); + display : grid; + border-radius : 10px; + margin : 2px; +} + +.sheet-container { + background-color : var(--container-bg); + display : grid; + border : none; + margin : 0; } div.sheet-status-stress, div.sheet-status-exhaustion, div.sheet-status-pain, div.sheet-status-hunger, div.sheet-status-misc, div.sheet-status-advantage, div.sheet-status-disadvantage { - text-align : center; + text-align : center; } img.sheet-reserve-image, img.sheet-status-image { @@ -135,15 +171,15 @@ img.sheet-reserve-image, img.sheet-status-image { } div.sheet-title, span.sheet-title { - background-color : #d4b938; + background-color : var(--title-bg); + border : var(--title-border); max-height : min-content; font-weight : bold; border-radius : 10px; } span.sheet-attribute, span.sheet-skill, div.sheet-inventory input.sheet-number { - border : 1px black; - border-style : solid; + border : var(--input-border); border-radius : 10px; } @@ -160,7 +196,7 @@ span.sheet-label { span.sheet-reserve { position : relative; left : -10px; - border : 1px black; + border : var(--input-border); border-style : solid solid solid none; border-radius : 10px; } @@ -237,6 +273,7 @@ button.sheet-challenge:hover{ } button.sheet-reroll { + color : var(--button-text-color); position : relative; top : 35px; } @@ -301,22 +338,23 @@ input[type=number] { } input.sheet-number { + color : var(--sheet-text-color); width : 25px !important; text-align : center; border : 0; background-color : rgba(0, 0, 0, 0); - color : black; } input.sheet-title { + color : var(--sheet-text-color); font-weight : bold; } textarea.sheet-text, input.sheet-text { + color : var(--sheet-text-color); width : 98%; border : 0; background-color : rgba(0, 0, 0, 0); - color : black; } textarea.sheet-text { @@ -369,19 +407,19 @@ input.sheet-supress-effect:checked + span::before /************************************/ .sheet-rolltemplate-challenge .sheet-template-container { - border : 1px solid; - background-color : #645a51 !important; + border : 1px solid #B5A883; + background-color : #645A51 !important; } .sheet-rolltemplate-challenge .sheet-template-header { - background-color : #d4b938; + background-color : #D4B938; max-height : min-content; font-weight : bold; border-radius : 10px; } .sheet-rolltemplate-challenge .sheet-template-row { - background-color : #c2af80 !important; + background-color : #C2AF80 !important; font-weight : bold; display : grid; @@ -395,4 +433,4 @@ input.sheet-supress-effect:checked + span::before .sheet-rolltemplate-challenge .sheet-template-value { grid-area : value; -} +} \ No newline at end of file diff --git a/IAS-Freude-schoener-Goetterfunken/fsg.html b/IAS-Freude-schoener-Goetterfunken/fsg.html index 728a86f279..17f5544d8b 100644 --- a/IAS-Freude-schoener-Goetterfunken/fsg.html +++ b/IAS-Freude-schoener-Goetterfunken/fsg.html @@ -1,16 +1,17 @@ -
-
+ +
+

@@ -42,8 +43,8 @@
/
-
-
+
+
@@ -153,9 +154,11 @@
-
-
- +
+
+ + +
@@ -208,8 +211,7 @@
- - +
@@ -376,6 +378,9 @@ +
+  Hoher Kontrast  +