[dome] theme-compliant widgets

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);
+}
+
+/* -------------------------------------------------------------------------- */

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);
-}
-
-/* -------------------------------------------------------------------------- */