Improving styling

2 files changed, 40 insertions, 20 deletions

diff --git a/share/icons/nextgen/symbolic/actions/dialog-align-and-distribute-symbolic.svg b/share/icons/nextgen/symbolic/actions/dialog-align-and-distribute-symbolic.svg
new file mode 100644
index 000000000..efba1a044
--- /dev/null
+++ b/share/icons/nextgen/symbolic/actions/dialog-align-and-distribute-symbolic.svg
@@ -0,0 +1,18 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) and export_objects.py -->
+<svg xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg1" width="16" height="16" viewBox="0 0 16 16" sodipodi:docname="dialog-align-and-distribute-symbolic.svg"><sodipodi:namedview objecttolerance="10" gridtolerance="10" guidetolerance="10" id="namedview" showgrid="true" inkscape:zoom="0.6002936" inkscape:cx="732.67439" inkscape:cy="-567.94603" inkscape:window-width="1920" inkscape:window-height="1016" inkscape:window-x="0" inkscape:window-y="27" inkscape:window-maximized="1" inkscape:current-layer="layer1">
+    <inkscape:grid type="xygrid" id="grid"/>
+  </sodipodi:namedview>
+     <style id="style226">
+      .success { fill:#4AD589; }
+      .warning { fill:#F57900; }
+      . { fill:#cc0000; }
+   </style>
+  <g transform="translate(-135,-807.36218)" inkscape:label="00069" id="dialog-align-and-distribute">
+      <path inkscape:connector-curvature="0" id="rect18735" d="m 135,807.36218 h 16 v 16 h -16 z" style="opacity:0;fill:none"/>
+      <path inkscape:connector-curvature="0" id="rect18737" d="m 136,808.36218 h 1 v 13 h -1 z" style="opacity:1"/>
+      <path inkscape:connector-curvature="0" id="rect18739" class="success" d="m 139,808.36218 h 7 v 3 h -7 z" style="opacity:1"/>
+      <path inkscape:connector-curvature="0" id="rect18741" class="warning" d="m 139,813.36218 h 10 v 3 h -10 z" style="opacity:1"/>
+      <path inkscape:connector-curvature="0" id="rect18743" class="error" d="m 139,-821.36218 h 6 v 3 h -6 z" style="opacity:1" transform="scale(1,-1)"/>
+    </g>
+    </svg>
diff --git a/share/ui/style.css b/share/ui/style.css
index fac3e18a6..6bd0d6307 100644
--- a/share/ui/style.css
+++ b/share/ui/style.css
@@ -56,26 +56,26 @@
 
 
 /* Inkscape CSS helper
-  * to add a class to a widget do some thing like
-  * widget->get_style_context()->add_class("mycoolclass");
-  * we define a bunch of helper CSS styles
-  * Each Inkscape desktop has some classes in top level window
-  * called "dark|bright" and "symbolic|regular" so you can style using this clases 
-  * by this way you can always know if the UI is in dark mode
-  * Also added some helper clases:
-  * ::::::: Color based
-  * ::::::: apply to colors
-  * ::::::: scope widget and all his childs
-  * ".invertstyle" invert window colors
-  * ".brightstyle" force bright colors no matter the UI is dark or bright
-  * ".darkstyle" same but dark
-  * ".defaultstyle" use default window color for child wigets inside a modified one
-  * :::::::: Icon Based.
-  * ".symbolic" Force icon symbolic
-  * ".regular" Force colorful icons
-  * :::::::: Combo box.
-  * "..combobright" Combo bright
-  */
+    * to add a class to a widget do some thing like
+    * widget->get_style_context()->add_class("mycoolclass");
+    * we define a bunch of helper CSS styles
+    * Each Inkscape desktop has some classes in top level window
+    * called "dark|bright" and "symbolic|regular" so you can style using this clases 
+    * by this way you can always know if the UI is in dark mode
+    * Also added some helper clases:
+    * ::::::: Color based
+    * ::::::: apply to colors
+    * ::::::: scope widget and all his childs
+    * ".invertstyle" invert window colors
+    * ".brightstyle" force bright colors no matter the UI is dark or bright
+    * ".darkstyle" same but dark
+    * ".defaultstyle" use default window color for child wigets inside a modified one
+    * :::::::: Icon Based.
+    * ".symbolic" Force icon symbolic
+    * ".regular" Force colorful icons
+    * :::::::: Combo box.
+    * "..combobright" Combo bright
+    */
 
 image {
     -gtk-icon-palette: default;
@@ -89,6 +89,8 @@ image {
     -gtk-icon-style: regular;
 }
 
+.bright *,
+.dark *,
 .bright .brightstyle,
 .bright .brightstyle *,
 .dark .darkstyle,