diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css index 8456d5a18..6bac8f85d 100644 --- a/src/public/stylesheets/theme-next-dark.css +++ b/src/public/stylesheets/theme-next-dark.css @@ -43,6 +43,9 @@ --input-focus-background: #ffffff1f; --input-focus-color: white; + --input-action-button-color: #c6c6c6; + --input-action-button-hover: white; + --hover-item-text-color: #efefef; --hover-item-background-color: #ffffff24; --hover-item-border-color: transparent; @@ -128,7 +131,7 @@ --code-block-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); - --card-background-color: #363636; + --card-background-color: #424242; --card-background-hover-color: #3c3c3c; --card-background-press-color: #464646; --card-border-color: #222222; diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css index c034322a4..9d9ce3895 100644 --- a/src/public/stylesheets/theme-next-light.css +++ b/src/public/stylesheets/theme-next-light.css @@ -43,6 +43,9 @@ --input-focus-background: #ffffff80; --input-focus-color: #000; + --input-action-button-color: #575757; + --input-action-button-hover: black; + --hover-item-text-color: black; --hover-item-background-color: #0000001a; --hover-item-border-color: transparent; diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css index a47ac7409..e2e09f4fa 100644 --- a/src/public/stylesheets/theme-next/forms.css +++ b/src/public/stylesheets/theme-next/forms.css @@ -97,7 +97,12 @@ input::selection, background: transparent; padding: 0 4px; - --muted-text-color: var(--input-text-color); + --muted-text-color: var(--input-action-button-color); +} + +.input-group button:hover, +.input-group a:hover { + --muted-text-color: var(--input-action-button-hover); } .input-group a.disabled {