Separate Adwaita and Adwaita-dark with specific styling (alowing to tweak any theme with his theme name as css file)to allow better theming. Use this issue as reference: https://gitlab.com/inkscape/inkscape/issues/461

3 files changed, 126 insertions, 47 deletions

diff --git a/share/ui/Adwaita-dark.css b/share/ui/Adwaita-dark.css
new file mode 100644
index 000000000..db89ba272
--- /dev/null
+++ b/share/ui/Adwaita-dark.css
@@ -0,0 +1,62 @@
+/* ADWAITA DARK SPECIFIC STYLE */
+
+/*
+ * Keep as small as possible
+ */
+
+spinbutton {
+    padding: 0;
+    outline-style: none;
+}
+
+spinbutton entry {
+    padding-left: 2px;
+    padding-right: 0;
+}
+
+spinbutton undershoot {
+    outline-style: none;
+}
+
+spinbutton entry {
+    padding-left: 2px;
+    padding-right: 0;
+}
+
+spinbutton undershoot {
+    outline-style: none;
+}
+
+.inkswitch slider {
+    min-width: 18px;
+    min-height: 18px;
+}
+
+.inkswitch image {
+    color: transparent;
+    background-color: transparent;
+    background-image: image(transparent);
+    -gtk-icon-style:symbolic;
+}
+
+.inkswitch {
+    margin: 2px;
+    padding: 0;
+    font-size: 8px;
+}
+
+/* Reduce width of +/- buttons. */
+.up,
+.down {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+#monoStrokeWidth,
+#fillEmptySpace,
+#SelectStatus,
+#CoordinateStatusX,
+#CoordinateStatusY,
+#DesktopMainTable spinbutton{
+    font-family: sans-serif;
+}
\ No newline at end of file
diff --git a/share/ui/Adwaita.css b/share/ui/Adwaita.css
new file mode 100644
index 000000000..ebec8d2ee
--- /dev/null
+++ b/share/ui/Adwaita.css
@@ -0,0 +1,63 @@
+/* ADWAITA SPECIFIC STYLE */
+
+
+/*
+ * Keep as small as possible
+ */
+
+spinbutton {
+    padding: 0;
+    outline-style: none;
+}
+
+spinbutton entry {
+    padding-left: 2px;
+    padding-right: 0;
+}
+
+spinbutton undershoot {
+    outline-style: none;
+}
+
+spinbutton entry {
+    padding-left: 2px;
+    padding-right: 0;
+}
+
+spinbutton undershoot {
+    outline-style: none;
+}
+
+.inkswitch slider {
+    min-width: 18px;
+    min-height: 18px;
+}
+
+.inkswitch image {
+    color: transparent;
+    background-color: transparent;
+    background-image: image(transparent);
+    -gtk-icon-style:symbolic;
+}
+
+.inkswitch {
+    margin: 2px;
+    padding: 0;
+    font-size: 8px;
+}
+
+/* Reduce width of +/- buttons. */
+.up,
+.down {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+#monoStrokeWidth,
+#fillEmptySpace,
+#SelectStatus,
+#CoordinateStatusX,
+#CoordinateStatusY,
+#DesktopMainTable spinbutton{
+    font-family: sans-serif;
+}
\ No newline at end of file
diff --git a/share/ui/style.css b/share/ui/style.css
index b103c323b..46a4de0cd 100644
--- a/share/ui/style.css
+++ b/share/ui/style.css
@@ -122,6 +122,7 @@
     color: inherit;
 }
 
+/* atribute dialog popup size */
 .attrpop textview {
     font-size: 13px;
 }
@@ -149,29 +150,6 @@
     color: @success_color;
 }
 
-spinbutton {
-    padding: 0;
-    outline-style: none;
-}
-
-spinbutton entry {
-    padding-left: 2px;
-    padding-right: 0;
-}
-
-spinbutton undershoot {
-    outline-style: none;
-}
-
-spinbutton entry {
-    padding-left: 2px;
-    padding-right: 0;
-}
-
-spinbutton undershoot {
-    outline-style: none;
-}
-
 iconview *:hover {
     border-width: 1px;
     border-color: @theme_fg_color;
@@ -187,23 +165,6 @@ iconview *:hover {
     font-size: 11px;
 }
 
-.inkswitch slider {
-    min-width: 18px;
-    min-height: 18px;
-}
-
-.inkswitch image {
-    color: transparent;
-    background-color: transparent;
-    background-image: image(transparent);
-    -gtk-icon-style:symbolic;
-}
-
-.inkswitch {
-    margin: 2px;
-    padding: 0;
-    font-size: 8px;
-}
 
 /* LPE Dialog add */
 #LPESelectorFlowBox GtkFlowBoxChild,
@@ -404,13 +365,6 @@ SPCanvas {
     padding-right: 0;
 }
 
-/* Reduce width of +/- buttons. */
-.up,
-.down {
-    padding-left: 0;
-    padding-right: 0;
-}
-
 /* InkSpinScale */
 #InkSpinScale {
     background: @theme_bg_color;