diff --git a/src/static/skins/colibris/src/components/form.css b/src/static/skins/colibris/src/components/form.css index 9cb021cd0..bb1efc010 100644 --- a/src/static/skins/colibris/src/components/form.css +++ b/src/static/skins/colibris/src/components/form.css @@ -7,8 +7,12 @@ input[type="text"], select, textarea, .nice-select { input[type="text"], textarea { padding: 8px 10px; - background-color: var(--bg-color); - border: 1px solid var(--border-color); + background-color: var(--bg-soft-color); + border: none; + color: var(--text-color); +} +input[type="text"]::placeholder, textarea::placeholder { + color: var(--text-soft-color); } select, .nice-select { background-color: var(--bg-soft-color); diff --git a/src/static/skins/colibris/src/pad-variants.css b/src/static/skins/colibris/src/pad-variants.css index 1d561c025..ae9c30ae7 100644 --- a/src/static/skins/colibris/src/pad-variants.css +++ b/src/static/skins/colibris/src/pad-variants.css @@ -21,9 +21,6 @@ --bg-soft-color: var(--light-soft-color); --bg-color: var(--light-color); } -.popup input[type="text"] { - background-color: var(--super-light-color); -} /* ========================== */ /* === Super Dark Toolbar === */ /* ========================== */ @@ -65,9 +62,6 @@ --bg-color: var(--super-light-color); background-color: var(--super-light-color); } -.super-light-background.super-light-toolbar .toolbar { - --border-color: var(--super-light-color); -} .super-light-background .chat-content, .super-light-background #chatbox.stickyChat .chat-content { --bg-color: var(--super-light-color); --bg-soft-color: var(--super-light-color); @@ -99,12 +93,6 @@ --scrollbar-track: var(--light-soft-color); --scrollbar-thumb: var(--dark-soft-color); } -.light-background.light-toolbar .toolbar { - --border-color: var(--light-color); -} -.light-background input[type="text"] { - background-color: var(--super-light-color); -} .light-background .chat-content, .light-background #chatbox.stickyChat .chat-content { --bg-color: var(--super-light-color); --bg-soft-color: var(--light-color); @@ -116,9 +104,6 @@ box-shadow: none; } /* Special combinaison with toolbar */ -.light-background.light-toolbar .toolbar { - --border-color: var(--light-color); -} .light-background.light-editor #chattext { background-color: var(--light-color); --scrollbar-bg: var(--light-color); @@ -153,14 +138,6 @@ --scrollbar-track: var(--dark-color); --scrollbar-thumb: var(--light-soft-color); } -.super-dark-background input[type="text"]:not(.comment-content) { - background-color: var(--bg-soft-color); - border: none; - color: var(--text-color); -} -.super-dark-background input[type="text"]::placeholder { - color: var(--middle-color); -} .super-dark-background #chatbox:not(.stickyChat) .chat-content { border: 1px solid var(--dark-color); } @@ -169,9 +146,6 @@ border: 1px solid var(--dark-color); box-shadow: none; } -.super-dark-background.super-dark-toolbar .toolbar { - --border-color: var(--super-dark-color); -} .super-dark-background .compact-display-content { background-color: var(--super-dark-color); } @@ -201,14 +175,6 @@ --scrollbar-track: var(--dark-soft-color); --scrollbar-thumb: var(--light-soft-color); } -.dark-background input[type="text"]:not(.comment-content) { - background-color: var(--dark-soft-color); - border: none; - color: var(--text-color); -} -.dark-background input[type="text"]::placeholder { - color: var(--middle-color); -} .dark-background .popup-content, .dark-background #chatbox:not(.stickyChat) .chat-content { box-shadow: 0 0 14px 0px var(--super-dark-color); } @@ -223,9 +189,6 @@ .dark-background.dark-toolbar .popup-content, .dark-editor.dark-toolbar .popup-content { box-shadow: 0 0 14px 0px var(--super-dark-color); } -.dark-background.dark-toolbar .toolbar { - --border-color: var(--dark-color); -}