From a676fecbfe56e876257a00031d652be942d1507e Mon Sep 17 00:00:00 2001 From: TJ Date: Wed, 17 Feb 2021 19:22:42 -0600 Subject: [PATCH] Hotfixes for some minor css issues --- less/update/_variables-light.less | 2 +- less/update/_variables.less | 2 +- less/update/components/forms-themes.less | 5 +-- less/update/sw5e-dark.less | 12 +++++- sw5e-dark.css | 50 +++++++++++++++--------- sw5e-global.css | 2 +- sw5e-light.css | 39 +++++++++--------- 7 files changed, 66 insertions(+), 46 deletions(-) diff --git a/less/update/_variables-light.less b/less/update/_variables-light.less index b52a863b..0c62083b 100644 --- a/less/update/_variables-light.less +++ b/less/update/_variables-light.less @@ -13,7 +13,7 @@ @blockquoteShadow: 0 0 20px rgba(@colorBlue, 0.8); //forms -@inputBackgroundColor: @colorGray; +@inputBackgroundColor: white; @inputBorderNormal: @colorLightGray; @inputBorderHover: @colorGray; @inputBorderFocus: @colorRed; diff --git a/less/update/_variables.less b/less/update/_variables.less index b1edf326..61855f1d 100644 --- a/less/update/_variables.less +++ b/less/update/_variables.less @@ -41,7 +41,7 @@ //SW5e Colors @colorBlack: #1C1C1C; @colorDarkGray: #363636; -@colorGray: #a9a9a9; +@colorGray: #4f4f4f; @colorLightGray: #828282; @colorPaleGray: #D6D6D6; @colorRed: #c40f0f; diff --git a/less/update/components/forms-themes.less b/less/update/components/forms-themes.less index 583f73c1..875c094c 100644 --- a/less/update/components/forms-themes.less +++ b/less/update/components/forms-themes.less @@ -1,6 +1,5 @@ input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], select, textarea { - border: 1px solid @inputBorderNormal; - color: @inputTextColor; + border: 1px solid @inputBorderNormal; &:hover { border-color: @inputBorderHover; } @@ -50,4 +49,4 @@ form { .notes, .hint { color: rgba(@bodyFontColor, 0.8); } -} \ No newline at end of file +} diff --git a/less/update/sw5e-dark.less b/less/update/sw5e-dark.less index 18bd9af7..1dc380db 100644 --- a/less/update/sw5e-dark.less +++ b/less/update/sw5e-dark.less @@ -39,9 +39,19 @@ body.dark-theme { border-width: 0 0 1px 0; border-bottom: 1px solid @hrColor; } + + select { + color: white; + background-color: rgba(0, 0, 0, 0.5); + } + + input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], select, textarea { + color: @inputTextColor; + } + @import "components/forms-themes.less"; @import "components/sidebar-themes.less"; @import "components/foundry-nav-themes.less"; @import "components/foundry-app-window-themes.less"; @import "components/actor-themes.less"; -} \ No newline at end of file +} diff --git a/sw5e-dark.css b/sw5e-dark.css index b0ae9e69..0e5e71dc 100644 --- a/sw5e-dark.css +++ b/sw5e-dark.css @@ -48,6 +48,19 @@ body.dark-theme hr { border-width: 0 0 1px 0; border-bottom: 1px solid #0d99cc; } +body.dark-theme select { + color: white; + background-color: rgba(0, 0, 0, 0.5); +} +body.dark-theme input[type="text"], +body.dark-theme input[type="number"], +body.dark-theme input[type="password"], +body.dark-theme input[type="date"], +body.dark-theme input[type="time"], +body.dark-theme select, +body.dark-theme textarea { + color: white; +} body.dark-theme input[type="text"], body.dark-theme input[type="number"], body.dark-theme input[type="password"], @@ -56,7 +69,6 @@ body.dark-theme input[type="time"], body.dark-theme select, body.dark-theme textarea { border: 1px solid #828282; - color: white; } body.dark-theme input[type="text"]:hover, body.dark-theme input[type="number"]:hover, @@ -65,7 +77,7 @@ body.dark-theme input[type="date"]:hover, body.dark-theme input[type="time"]:hover, body.dark-theme select:hover, body.dark-theme textarea:hover { - border-color: #a9a9a9; + border-color: #4f4f4f; } body.dark-theme input[type="text"]:focus, body.dark-theme input[type="number"]:focus, @@ -207,7 +219,7 @@ body.dark-theme .midi-qol-item-card .card-footer span:last-child { border-right: none; } body.dark-theme .dice-roll .dice-formula { - background: #a9a9a9; + background: #4f4f4f; color: white; box-shadow: none; border-radius: 4px; @@ -261,7 +273,7 @@ body.dark-theme #combat #combat-tracker li.combatant { color: white; } body.dark-theme #combat #combat-tracker li.combatant:nth-child(even) { - background: rgba(169, 169, 169, 0.5); + background: rgba(79, 79, 79, 0.5); } body.dark-theme #combat #combat-tracker li.combatant h4 { color: white; @@ -348,7 +360,7 @@ body.dark-theme .sidebar-tab .directory-list .actor:nth-child(even), body.dark-theme .sidebar-tab .directory-list .item:nth-child(even), body.dark-theme .sidebar-tab .directory-list .journal:nth-child(even), body.dark-theme .sidebar-tab .directory-list .table:nth-child(even) { - background: rgba(169, 169, 169, 0.3); + background: rgba(79, 79, 79, 0.3); } body.dark-theme #scenes .scene { border-top: 1px solid #0d99cc; @@ -381,7 +393,7 @@ body.dark-theme #compendium .compendium-entity h3 { border-bottom: 2px solid #0d99cc; } body.dark-theme #compendium .compendium-entity ol.compendium-list li.compendium-pack:nth-child(even) { - background: rgba(169, 169, 169, 0.3); + background: rgba(79, 79, 79, 0.3); } body.dark-theme #compendium .compendium-entity ol.compendium-list li.compendium-pack .pack-title .status-icons { color: #828282; @@ -560,7 +572,7 @@ body.dark-theme .sw5e.sheet .window-content select { } body.dark-theme .sw5e.sheet .window-content input:hover, body.dark-theme .sw5e.sheet .window-content select:hover { - border-color: #a9a9a9; + border-color: #4f4f4f; } body.dark-theme .sw5e.sheet .window-content input:focus, body.dark-theme .sw5e.sheet .window-content select:focus { @@ -593,7 +605,7 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name input[ty color: #E81111; } body.dark-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar { - border: 1px solid #a9a9a9; + border: 1px solid #4f4f4f; background-color: #afc6d6; } body.dark-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar .bar { @@ -601,11 +613,11 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar . } body.dark-theme .sw5e.sheet.actor .swalt-sheet header .summary input, body.dark-theme .sw5e.sheet.actor .swalt-sheet header .summary .proficiency { - color: #a9a9a9; + color: #4f4f4f; } body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value, body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input { - color: #a9a9a9; + color: #4f4f4f; } body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-separator { color: #828282; @@ -628,17 +640,17 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initiat border-color: #E81111; } body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item { - color: #a9a9a9; + color: #4f4f4f; } body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active { color: #E81111; border-bottom-color: #E81111; } body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active:hover { - background: rgba(169, 169, 169, 0.1); + background: rgba(79, 79, 79, 0.1); } body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item:hover { - background: rgba(169, 169, 169, 0.1); + background: rgba(79, 79, 79, 0.1); } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item { border-bottom: 2px solid #828282; @@ -670,7 +682,7 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item h4 { } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image::before, body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before { - color: #a9a9a9; + color: #4f4f4f; } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover::before, body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover::before { @@ -695,7 +707,7 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .score color: #E81111; } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-score { - color: #a9a9a9; + color: #4f4f4f; } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod, body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save { @@ -711,7 +723,7 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skill color: #E81111; } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button { - color: #a9a9a9; + color: #4f4f4f; } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active { color: #E81111; @@ -721,7 +733,7 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources background: rgba(232, 17, 17, 0.1); } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button:hover { - background: rgba(169, 169, 169, 0.1); + background: rgba(79, 79, 79, 0.1); } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas { color: #E81111; @@ -735,7 +747,7 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value, body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input { - color: #a9a9a9; + color: #4f4f4f; } body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-separator { color: #828282; @@ -776,5 +788,5 @@ body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.notes section > input { border-bottom: 2px solid #0d99cc; } body.dark-theme .sw5e.sheet.actor.npc .swalt-sheet header .experience { - color: #a9a9a9; + color: #4f4f4f; } diff --git a/sw5e-global.css b/sw5e-global.css index 66288e57..a9023252 100644 --- a/sw5e-global.css +++ b/sw5e-global.css @@ -185,7 +185,7 @@ a:active { position: absolute; font-family: "Aurebesh", sans-serif; font-size: 13px; - color: #a9a9a9; + color: #4f4f4f; animation: none; opacity: 0.8; text-shadow: 0 0 8px #0d99cc; diff --git a/sw5e-light.css b/sw5e-light.css index 694a5eba..473497d5 100644 --- a/sw5e-light.css +++ b/sw5e-light.css @@ -56,7 +56,6 @@ body.light-theme input[type="time"], body.light-theme select, body.light-theme textarea { border: 1px solid #828282; - color: #1C1C1C; } body.light-theme input[type="text"]:hover, body.light-theme input[type="number"]:hover, @@ -65,7 +64,7 @@ body.light-theme input[type="date"]:hover, body.light-theme input[type="time"]:hover, body.light-theme select:hover, body.light-theme textarea:hover { - border-color: #a9a9a9; + border-color: #4f4f4f; } body.light-theme input[type="text"]:focus, body.light-theme input[type="number"]:focus, @@ -252,7 +251,7 @@ body.light-theme #combat #combat-round .encounters h4 { color: #c40f0f; } body.light-theme #combat #combat-round .encounters a { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme #combat #combat-round .encounters a:hover { color: #c40f0f; @@ -267,7 +266,7 @@ body.light-theme #combat #combat-tracker li.combatant h4 { color: #1C1C1C; } body.light-theme #combat #combat-tracker li.combatant .roll { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme #combat #combat-tracker li.combatant .roll:hover { color: #c40f0f; @@ -279,7 +278,7 @@ body.light-theme #combat #combat-tracker li.combatant .combatant-control.active color: #363636; } body.light-theme #combat #combat-tracker li.combatant .token-resource { - color: #a9a9a9; + color: #4f4f4f; border-right: 1px solid #828282; } body.light-theme #combat #combat-tracker li.combatant.active { @@ -299,7 +298,7 @@ body.light-theme .sidebar-tab .directory-header .header-search i.fa-search { color: #0d99cc; } body.light-theme .sidebar-tab .directory-header .header-search input { - background: #a9a9a9; + background: white; } body.light-theme .sidebar-tab .subdirectory { background: white; @@ -321,7 +320,7 @@ body.light-theme .sidebar-tab .directory-list .folder > .folder-header h3 > i { color: #0d99cc; } body.light-theme .sidebar-tab .directory-list .folder > .folder-header a { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sidebar-tab .directory-list .folder > .folder-header a:hover { color: #c40f0f; @@ -560,7 +559,7 @@ body.light-theme .sw5e.sheet .window-content select { } body.light-theme .sw5e.sheet .window-content input:hover, body.light-theme .sw5e.sheet .window-content select:hover { - border-color: #a9a9a9; + border-color: #4f4f4f; } body.light-theme .sw5e.sheet .window-content input:focus, body.light-theme .sw5e.sheet .window-content select:focus { @@ -593,7 +592,7 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name input[t color: #c40f0f; } body.light-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar { - border: 1px solid #a9a9a9; + border: 1px solid #4f4f4f; background-color: #afc6d6; } body.light-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar .bar { @@ -601,11 +600,11 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar } body.light-theme .sw5e.sheet.actor .swalt-sheet header .summary input, body.light-theme .sw5e.sheet.actor .swalt-sheet header .summary .proficiency { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value, body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-separator { color: #828282; @@ -628,17 +627,17 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initia border-color: #c40f0f; } body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active { color: #c40f0f; border-bottom-color: #c40f0f; } body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active:hover { - background: rgba(169, 169, 169, 0.1); + background: rgba(79, 79, 79, 0.1); } body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item:hover { - background: rgba(169, 169, 169, 0.1); + background: rgba(79, 79, 79, 0.1); } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item { border-bottom: 2px solid #828282; @@ -670,7 +669,7 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item h4 { } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image::before, body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover::before, body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover::before { @@ -695,7 +694,7 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scor color: #c40f0f; } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-score { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod, body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save { @@ -711,7 +710,7 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skil color: #c40f0f; } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active { color: #c40f0f; @@ -721,7 +720,7 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resource background: rgba(196, 15, 15, 0.1); } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button:hover { - background: rgba(169, 169, 169, 0.1); + background: rgba(79, 79, 79, 0.1); } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas { color: #c40f0f; @@ -735,7 +734,7 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resource } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value, body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input { - color: #a9a9a9; + color: #4f4f4f; } body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-separator { color: #828282; @@ -776,5 +775,5 @@ body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.notes section > input { border-bottom: 2px solid #0d99cc; } body.light-theme .sw5e.sheet.actor.npc .swalt-sheet header .experience { - color: #a9a9a9; + color: #4f4f4f; }