From e99289d661f97c2431ca448e05d1bc2306cfda07 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Loi=CC=88c=20Correnson?= <loic.correnson@cea.fr> Date: Wed, 23 Feb 2022 09:51:30 +0100 Subject: [PATCH] [dome] theme-compliant widgets --- ivette/src/dome/renderer/style.css | 69 +++++++++++++++++++++++++++++ ivette/src/renderer/style.css | 71 +----------------------------- 2 files changed, 70 insertions(+), 70 deletions(-) diff --git a/ivette/src/dome/renderer/style.css b/ivette/src/dome/renderer/style.css index f35d677d8e0..6caf974d1c9 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 5a87f4b4812..286da16776d 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); -} - -/* -------------------------------------------------------------------------- */ -- GitLab