diff --git a/ivette/src/dome/renderer/style.css b/ivette/src/dome/renderer/style.css index f35d677d8e0b28f944b18f04c20c50ae1db22d27..6caf974d1c9b5d056c18fe00b509c172d120bc7a 100644 --- a/ivette/src/dome/renderer/style.css +++ b/ivette/src/dome/renderer/style.css @@ -128,3 +128,72 @@ div.dome-dragged { } /* -------------------------------------------------------------------------- */ +/* --- Theme-compliant Scrollbars --- */ +/* -------------------------------------------------------------------------- */ + +::-webkit-scrollbar { + width: 14px; + height: 14px; +} + +::-webkit-scrollbar-track { + background: var(--background-intense); +} + +::-webkit-scrollbar-thumb { + background-color: var(--info-text-discrete); + border-radius: 20px; + border: 3px solid var(--background-intense); +} + +::-webkit-scrollbar-corner { + background-color: var(--background-profound); + background: var(--background-profound); + color: var(--background-profound); +} + +/* -------------------------------------------------------------------------- */ +/* --- Theme-compliant Input Widgets --- */ +/* -------------------------------------------------------------------------- */ + +input[type="search"]::placeholder { + font-style: italic; + color: var(--text-discrete); +} + +input[type="text"]::placeholder { + font-style: italic; + color: var(--text-discrete); +} + +input[type="text"] { + vertical-align: middle; + margin: 2px 4px 2px 0px; + background-color: var(--background-interaction); + border: var(--border); + border-radius: 2px; +} + +input:focus-visible { + outline: none; + box-shadow: 0px 0px 1px 1px var(--border); +} + +input[type="checkbox"] { + appearance: none; + width: 13px; + height: 13px; + border: 1px solid var(--border); + border-radius: 2px; + content: ""; + font-size: 12px; + color: var(--text); + background-clip: content-box; + padding: 1px; +} + +input[type="checkbox"]:checked { + background-color: var(--checked-element); +} + +/* -------------------------------------------------------------------------- */ diff --git a/ivette/src/renderer/style.css b/ivette/src/renderer/style.css index 5a87f4b481246fe270d940e1814115a32106c5f9..286da16776d598e6899fcd7aeae67733975d2609 100644 --- a/ivette/src/renderer/style.css +++ b/ivette/src/renderer/style.css @@ -48,7 +48,7 @@ .labview-titlebar { background: var(--background-profound); - height: 24px + height: 24px } .labview-handle @@ -67,72 +67,3 @@ } /* -------------------------------------------------------------------------- */ -/* --- Styling all scrollbars --- */ -/* -------------------------------------------------------------------------- */ - -::-webkit-scrollbar { - width: 14px; - height: 14px; -} - -::-webkit-scrollbar-track { - background: var(--background-intense); -} - -::-webkit-scrollbar-thumb { - background-color: var(--info-text-discrete); - border-radius: 20px; - border: 3px solid var(--background-intense); -} - -::-webkit-scrollbar-corner { - background-color: var(--background-profound); - background: var(--background-profound); - color: var(--background-profound); -} - -/* -------------------------------------------------------------------------- */ -/* --- Styling all inputs --- */ -/* -------------------------------------------------------------------------- */ - -input[type="search"]::placeholder { - font-style: italic; - color: var(--text-discrete); -} - -input[type="text"]::placeholder { - font-style: italic; - color: var(--text-discrete); -} - -input[type="text"] { - vertical-align: middle; - margin: 2px 4px 2px 0px; - background-color: var(--background-interaction); - border: var(--border); - border-radius: 2px; -} - -input:focus-visible { - outline: none; - box-shadow: 0px 0px 1px 1px var(--border); -} - -input[type="checkbox"] { - appearance: none; - width: 13px; - height: 13px; - border: 1px solid var(--border); - border-radius: 2px; - content: ""; - font-size: 12px; - color: var(--text); - background-clip: content-box; - padding: 1px; -} - -input[type="checkbox"]:checked { - background-color: var(--checked-element); -} - -/* -------------------------------------------------------------------------- */