dragonleo/foundry-sw5e
1
0
Fork 0
forked from GitHub-Mirrors/foundry-sw5e
Code Issues Pull requests Projects Releases Wiki Activity

Hotfixes for some minor css issues

Browse source
This commit is contained in:
TJ 2021-02-17 19:22:42 -06:00
parent f52dd99b7a
commit a676fecbfe
7 changed files with 66 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

2
less/update/_variables-light.less
View file

@ -13,7 +13,7 @@
@blockquoteShadow: 0 0 20px rgba(@colorBlue, 0.8);
//forms
@inputBackgroundColor: @colorGray;
@inputBackgroundColor: white;
@inputBorderNormal: @colorLightGray;
@inputBorderHover: @colorGray;
@inputBorderFocus: @colorRed;

2
less/update/_variables.less
View file

@ -41,7 +41,7 @@
//SW5e Colors
@colorBlack: #1C1C1C;
@colorDarkGray: #363636;
@colorGray: #a9a9a9;
@colorGray: #4f4f4f;
@colorLightGray: #828282;
@colorPaleGray: #D6D6D6;
@colorRed: #c40f0f;

5
less/update/components/forms-themes.less
View file

@ -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);
}
}
}

12
less/update/sw5e-dark.less
View file

@ -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";
}
}

50
sw5e-dark.css
View file

@ -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;
}

2
sw5e-global.css
View file

@ -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;

39
sw5e-light.css
View file

@ -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;
}