diff --git a/Ironsworn-Starforged/Ironsworn-starforged.css b/Ironsworn-Starforged/Ironsworn-starforged.css index ad9c04a975..4201bb0599 100644 --- a/Ironsworn-Starforged/Ironsworn-starforged.css +++ b/Ironsworn-Starforged/Ironsworn-starforged.css @@ -47,6 +47,9 @@ .charsheet input[type=text] { font-weight: 600; } +.charsheet input[type=text]::placeholder { + color: textColorPlaceholder; +} .charsheet input[type=text]:focus { outline: 3px solid #fd0; outline-offset: 0; @@ -1019,7 +1022,7 @@ text-align: left; font-weight: bold; margin: 0 0 0px; - padding: 0.1em 0.3em 0.3em 0.5em; + padding: 0.1em 0.3em 0.1em 0.5em; text-transform: uppercase; font-family: 'Montserrat', Arial, sans-serif; display: inline; @@ -1035,11 +1038,6 @@ border-radius: 0.5em; padding: 0em 1em; } -.charsheet .connection-name::placeholder, -.charsheet .connection-location::placeholder, -.charsheet .connection-descriptors::placeholder { - color: #8a8a8a; -} .charsheet input[type="checkbox"].show-connection-info { width: 4.5em; height: 18px; @@ -2310,9 +2308,6 @@ text-transform: uppercase; font-family: 'Exo', Arial, sans-serif; } -.charsheet .asset-options-header::placeholder { - color: #b9b9b9; -} .charsheet .custom { padding: 0.5em; } @@ -3014,10 +3009,15 @@ outline-offset: 0; box-shadow: inset 0 0 0 0px; } -.sheet-darkmode input.vow-name, -.sheet-darkmode input.progress-name { +.sheet-darkmode input[type=text] { color: #c0c0c0; } +.sheet-darkmode input[type=text]::placeholder { + color: #808080; +} +.sheet-darkmode input[type=text].resource-value { + color: #323232; +} .sheet-darkmode .difficulty input:checked ~ h5 { background: #c0c0c0; color: #1f1f1f; diff --git a/Ironsworn-Starforged/src/app/common/stylus/dark-mode.styl b/Ironsworn-Starforged/src/app/common/stylus/dark-mode.styl index 077394fbcc..60c42a17e7 100644 --- a/Ironsworn-Starforged/src/app/common/stylus/dark-mode.styl +++ b/Ironsworn-Starforged/src/app/common/stylus/dark-mode.styl @@ -2,6 +2,8 @@ backgroundColor = #1f1f1f textColor = #c0c0c0 +textColorPlaceholder = #808080 +secondaryTextColor = #323232 boxShadow = #141414 rootHover = #3d3d3d surfaceHover = #464646 @@ -95,10 +97,13 @@ hoverDefault = 0.5s ease &:focus input-highlight(0px) - input - &.vow-name, - &.progress-name - color @color + input[type=text] + color @color + &::placeholder + color textColorPlaceholder + &.resource-value + color secondaryTextColor + .difficulty input diff --git a/Ironsworn-Starforged/src/app/common/stylus/light-mode.styl b/Ironsworn-Starforged/src/app/common/stylus/light-mode.styl index cf40c29556..d35627ebea 100644 --- a/Ironsworn-Starforged/src/app/common/stylus/light-mode.styl +++ b/Ironsworn-Starforged/src/app/common/stylus/light-mode.styl @@ -28,6 +28,8 @@ light-styles() margin-left 5em input[type=text] + &::placeholder + color textColorPlaceholder font-weight: 600; &:focus input-highlight(3px) diff --git a/Ironsworn-Starforged/src/app/components/assets/assets.styl b/Ironsworn-Starforged/src/app/components/assets/assets.styl index f08e163e79..a16d222515 100644 --- a/Ironsworn-Starforged/src/app/components/assets/assets.styl +++ b/Ironsworn-Starforged/src/app/components/assets/assets.styl @@ -260,8 +260,6 @@ span.asset-name font-size 1em text-transform uppercase std-font('Exo') - &::placeholder - color #b9b9b9 .custom padding 0.5em diff --git a/Ironsworn-Starforged/src/app/components/connections/connections.styl b/Ironsworn-Starforged/src/app/components/connections/connections.styl index 7f382d7b66..a80fc14687 100644 --- a/Ironsworn-Starforged/src/app/components/connections/connections.styl +++ b/Ironsworn-Starforged/src/app/components/connections/connections.styl @@ -47,7 +47,7 @@ p text-align left font-weight bold margin 0 0 0px - padding 0.1em 0.3em 0.3em 0.5em + padding 0.1em 0.3em 0.1em 0.5em text-transform uppercase std-font('Montserrat') display inline @@ -62,11 +62,6 @@ p border-radius 0.5em padding 0em 1em -.connection-name::placeholder, -.connection-location::placeholder, -.connection-descriptors::placeholder - color #8a8a8a - input[type="checkbox"].show-connection-info width 4.5em height 18px