Merge changes

3 files changed, 541 insertions, 535 deletions

diff --git a/share/ui/dialog-css.ui b/share/ui/dialog-css.ui
new file mode 100644
index 000000000..198ac53c6
--- /dev/null
+++ b/share/ui/dialog-css.ui
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generated with glade 3.22.1 -->
+<interface>
+  <requires lib="gtk+" version="3.20"/>
+  <object class="GtkBox" id="CSSSelectorContainer">
+    <property name="visible">True</property>
+    <property name="can_focus">False</property>
+    <property name="valign">start</property>
+    <property name="orientation">vertical</property>
+    <property name="baseline_position">top</property>
+    <child>
+      <object class="GtkBox">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <child>
+          <object class="GtkEventBox" id="CSSSelectorEventAdd">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <child>
+              <object class="GtkImage">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="margin_right">5</property>
+                <property name="icon_name">list-add</property>
+              </object>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">0</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkLabel" id="CSSSelector">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="label" translatable="yes">Selector</property>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">1</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="label"> {</property>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">2</property>
+          </packing>
+        </child>
+      </object>
+      <packing>
+        <property name="expand">False</property>
+        <property name="fill">True</property>
+        <property name="position">1</property>
+      </packing>
+    </child>
+    <child>
+      <object class="GtkTreeView" id="CSSTree">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="has_tooltip">True</property>
+        <property name="valign">start</property>
+        <property name="headers_visible">False</property>
+        <property name="enable_search">False</property>
+        <property name="hover_selection">True</property>
+        <property name="show_expanders">False</property>
+        <property name="tooltip_column">6</property>
+        <property name="activate_on_single_click">True</property>
+        <child internal-child="selection">
+          <object class="GtkTreeSelection" id="CSSTreeData"/>
+        </child>
+      </object>
+      <packing>
+        <property name="expand">False</property>
+        <property name="fill">True</property>
+        <property name="position">2</property>
+      </packing>
+    </child>
+    <child>
+      <object class="GtkLabel" id="CSSSelectorFilled">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="no_show_all">True</property>
+        <property name="halign">start</property>
+        <property name="valign">start</property>
+        <property name="label" translatable="yes">}</property>
+      </object>
+      <packing>
+        <property name="expand">False</property>
+        <property name="fill">False</property>
+        <property name="position">3</property>
+      </packing>
+    </child>
+    <child>
+      <object class="GtkSeparator">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="margin_top">6</property>
+        <property name="margin_bottom">6</property>
+      </object>
+      <packing>
+        <property name="expand">False</property>
+        <property name="fill">True</property>
+        <property name="position">4</property>
+      </packing>
+    </child>
+  </object>
+</interface>
diff --git a/share/ui/keybindings.rc b/share/ui/keybindings.rc
deleted file mode 100644
index 968678249..000000000
--- a/share/ui/keybindings.rc
+++ /dev/null
@@ -1,126 +0,0 @@
-; inkscape GtkAccelMap rc-file         -*- scheme -*-
-; Simply edit the key bindings you wish to override and restart Inkscape.
-;
-; File menu
-;TODO: VacuumDefs
-(gtk_accel_path "<Actions>//New" "<Control>n")
-(gtk_accel_path "<Actions>//Open" "<Control>o")
-(gtk_accel_path "<Actions>//Revert" "<Shift><Control>r")
-(gtk_accel_path "<Actions>//Save" "<Control>s")
-(gtk_accel_path "<Actions>//SaveAs" "<Shift><Control>s")
-(gtk_accel_path "<Actions>//Import" "<Control>i")
-(gtk_accel_path "<Actions>//Export" "<Shift><Control>e")
-(gtk_accel_path "<Actions>//Print" "<Control>p")
-(gtk_accel_path "<Actions>//PrintPreview" "<Shift><Control>p")
-(gtk_accel_path "<Actions>//DocumentProperties" "<Shift><Control>d")
-(gtk_accel_path "<Actions>//InkscapePreferences" "<Shift><Control>p")
-(gtk_accel_path "<Actions>//Close" "<Control>w")
-(gtk_accel_path "<Actions>//Quit" "<Control>q")
-;
-; Edit menu
-(gtk_accel_path "<Actions>//Undo" "<Control>z")
-(gtk_accel_path "<Actions>//Redo" "<Control>y")
-(gtk_accel_path "<Actions>//Cut" "<Control>x")
-(gtk_accel_path "<Actions>//Copy" "<Control>c")
-(gtk_accel_path "<Actions>//Paste" "<Control>v")
-(gtk_accel_path "<Actions>//PasteInPlace" "<Control><Alt>v")
-(gtk_accel_path "<Actions>//PasteStyle" "<Shift><Control>v")
-(gtk_accel_path "<Actions>//Find" "<Control>f")
-(gtk_accel_path "<Actions>//Duplicate" "<Control>d")
-(gtk_accel_path "<Actions>//Clone" "<Alt>d")
-(gtk_accel_path "<Actions>//CloneUnlink" "<Shift><Alt>d")
-(gtk_accel_path "<Actions>//CloneSelectOrig" "<Shift>d")
-(gtk_accel_path "<Actions>//MakeBitmap" "<Alt>b")
-(gtk_accel_path "<Actions>//Tile" "<Alt>i")
-(gtk_accel_path "<Actions>//Untile" "<Shift><Alt>i")
-(gtk_accel_path "<Actions>//Delete" "Delete")
-(gtk_accel_path "<Actions>//SelectAll" "<Control>a")
-(gtk_accel_path "<Actions>//SelectNone" "<Shift><Control>a")
-(gtk_accel_path "<Actions>//XmlEditor" "<Shift><Control>x")
-;
-; View menu
-;TODO: ShowHide Messages WindowDuplicate
-(gtk_accel_path "<Actions>//ZoomIn" "plus")
-(gtk_accel_path "<Actions>//ZoomOut" "minus")
-(gtk_accel_path "<Actions>//Zoom100" "1")
-(gtk_accel_path "<Actions>//Zoom50" "2")
-(gtk_accel_path "<Actions>//Zoom200" "")
-(gtk_accel_path "<Actions>//ZoomSelection" "3")
-(gtk_accel_path "<Actions>//ZoomDrawing" "4")
-(gtk_accel_path "<Actions>//ZoomPage" "5")
-(gtk_accel_path "<Actions>//ZoomWidth" "6")
-(gtk_accel_path "<Actions>//ZoomPrevious" "grave")
-(gtk_accel_path "<Actions>//ZoomNext" "<Shift>grave")
-(gtk_accel_path "<Actions>//ShowHideDialogs" "F12")
-(gtk_accel_path "<Actions>//Messages" "")
-(gtk_accel_path "<Actions>//Grid" "numbersign")
-(gtk_accel_path "<Actions>//Guides" "bar")
-(gtk_accel_path "<Actions>//Fullscreen" "F11")
-(gtk_accel_path "<Actions>//WindowPrevious" "<Shift><Control>Tab")
-(gtk_accel_path "<Actions>//WindowNext" "<Control>Tab")
-;
-; Layer menu
-;TODO: NewLayer RenameLayer SwitchToNextLayer SwitchToPrevLayer DeleteCurrentLayer
-(gtk_accel_path "<Actions>//RaiseLayer" "<Shift><Control>Page_Up")
-(gtk_accel_path "<Actions>//LowerLayer" "<Shift><Control>Page_Down")
-(gtk_accel_path "<Actions>//LayerToTop" "<Shift><Control>Home")
-(gtk_accel_path "<Actions>//LayerToBottom" "<Shift><Control>End")
-;
-; Object menu
-;TODO: MoveToNewLayer MoveToNextLayer MoveToPrevLayer MoveToTopLayer MoveToBottomLayer
-(gtk_accel_path "<Actions>//FillAndStroke" "<Shift><Control>f")
-(gtk_accel_path "<Actions>//ObjectProperties" "<Shift><Control>o")
-(gtk_accel_path "<Actions>//Group" "<Control>g")
-(gtk_accel_path "<Actions>//Ungroup" "<Control>u")
-(gtk_accel_path "<Actions>//Raise" "Page_Up")
-(gtk_accel_path "<Actions>//Lower" "Page_Down")
-(gtk_accel_path "<Actions>//RaiseToTop" "Home")
-(gtk_accel_path "<Actions>//LowerToBottom" "End")
-(gtk_accel_path "<Actions>//Rotate90CW" "<Shift><Control>Right")
-(gtk_accel_path "<Actions>//Rotate90CCW" "<Shift><Control>Left")
-(gtk_accel_path "<Actions>//FlipHoriz" "h")
-(gtk_accel_path "<Actions>//FlipVert" "v")
-(gtk_accel_path "<Actions>//Transform" "<Shift><Control>m")
-(gtk_accel_path "<Actions>//AlignAndDistribute" "<Shift><Control>a")
-;
-; Path menu
-;TODO: Reverse Cleanup
-(gtk_accel_path "<Actions>//ObjectToPath" "<Shift><Control>c")
-(gtk_accel_path "<Actions>//StrokeToPath" "<Control><Alt>c")
-(gtk_accel_path "<Actions>//Trace" "<Shift><Alt>b")
-(gtk_accel_path "<Actions>//Union" "<Control>plus")
-(gtk_accel_path "<Actions>//Difference" "<Control>minus")
-(gtk_accel_path "<Actions>//Intersection" "<Control>asterisk")
-(gtk_accel_path "<Actions>//Exclusion" "<Control>asciicircum")
-(gtk_accel_path "<Actions>//Division" "<Control>slash")
-(gtk_accel_path "<Actions>//CutPath" "<Control><Alt>slash")
-(gtk_accel_path "<Actions>//Combine" "<Control>k")
-(gtk_accel_path "<Actions>//BreakApart" "<Shift><Control>k")
-(gtk_accel_path "<Actions>//Inset" "<Control>parenleft")
-(gtk_accel_path "<Actions>//Outset" "<Control>parenright")
-(gtk_accel_path "<Actions>//OffsetDynamic" "<Control>j")
-(gtk_accel_path "<Actions>//OffsetLinked" "<Control><Alt>j")
-(gtk_accel_path "<Actions>//Simplify" "<Control>l")
-;
-; Text menu
-;TODO: PutOnPath RemoveFromPath RemoveManualKerns
-(gtk_accel_path "<Actions>//TextProperties" "<Shift><Control>t")
-;
-; About menu
-;TODO: KeysAndMouse Tutorials About
-;
-; Tools toolbox
-(gtk_accel_path "<Actions>//ToolSelect" "F1")
-(gtk_accel_path "<Actions>//ToolNode" "F2")
-(gtk_accel_path "<Actions>//ToolZoom" "F3")
-(gtk_accel_path "<Actions>//ToolRect" "F4")
-(gtk_accel_path "<Actions>//ToolArc" "F5")
-(gtk_accel_path "<Actions>//ToolStar" "asterisk")
-(gtk_accel_path "<Actions>//ToolSpiral" "F9")
-(gtk_accel_path "<Actions>//ToolFreehand" "F6")
-(gtk_accel_path "<Actions>//ToolPen" "<Shift>F6")
-(gtk_accel_path "<Actions>//ToolDynaDraw" "<Control>F6")
-(gtk_accel_path "<Actions>//ToolText" "F8")
-(gtk_accel_path "<Actions>//ToolDropper" "F7")
-;
-;TODO: tool controls and other actions
diff --git a/share/ui/style.css b/share/ui/style.css
index 97cd4f814..516219491 100644
--- a/share/ui/style.css
+++ b/share/ui/style.css
@@ -32,412 +32,428 @@
  * Lightest to darkest based on linear rgb.
  */
 
-@define-color bg_color0 #ffffff;
-
-/* White */
-
-@define-color bg_color05 #f8f8f8;
-
-/* Slightly off white */
-
-@define-color bg_color1 #f0f0f0;
-@define-color bg_color2 #e0e0e0;
-@define-color bg_color3 #d0d0d0;
-@define-color bg_color4 #bbbbbb;
-
-/* 50% Gray */
-
-@define-color bg_color5 #a5a5a5;
-@define-color bg_color6 #898989;
-@define-color bg_color7 #636363;
-@define-color bg_color8 #000000;
-
-/* Black */
-
-
-/* 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
-     * Ecah Inkscape desktop has a class in top level window
-     * call "dark" so you can style using 2 clases with or without
-     * "dark" 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
-     * ".colordefault" use default window color
-     * ".colorinverse" invert window colors
-     * ".colorbright" force bright colors no matter the UI is dark or bright
-     * ".colordark" same but dark
-     * ::::::: Background based
-     * ::::::: apply to backgrounds
-     * ::::::: scope widget and all his childs
-     * ".backgrounddefault" use default window color
-     * ".backgroundinverse" invert window colors
-     * ".backgroundbright" force bright colors no matter the UI is dark or bright
-     * ".backgrounddark" same but daLPESelectorButtonBoxk
-     * :::::::: Icon Based.
-     * :::::::: apply to color (foreground)
-     * :::::::: scope widget and all nested images
-     * ".iconsymbolic" Force icon symbolic
-     * ".iconregular" Force colorful icons
-     * ".iconcolordefault" Theme color default
-     * ".iconcolorinverse" Inverse color from theme
-     * ".iconcolorbright, Force clear icon
-     * ".iconcolordark" Force dark icon
-     * ".iconcolornamed" Icon in prefs selected color;
-     * ".iconcolornamedinverse" Icon in inverse color from prefs"
-     * :::::::: Combo box.
-     * "..combobright" Combo bright
-     * ".regular ..." Inkscape is in regular icon mode 
-     * ".symbolic ..." Inkscape is in symbolic icon mode 
-     */
-
-.colordefault,
-.colordefault * {
-    color: @theme_fg_color;
-}
-
-.colorinverse,
-.colorinverse * {
-    color: @theme_bg_color;
-}
-
-.colorbright,
-.colorbright * {
-    color: @theme_fg_color;
-}
-
-.dark .colorbright,
-.dark .colorbright * {
-    color: @theme_bg_color;
-}
-
-.colordark,
-.colordark * {
-    color: @theme_bg_color;
-}
-
-.dark .colordark,
-.dark .colordark * {
-    color: @theme_fg_color;
-}
-
-.backgrounddefault,
-.backgrounddefault * {
-    background-color: @theme_bg_color;
-    background-image: image(@theme_bg_color);
-}
-
-.backgroundinverse,
-.backgroundinverse * {
-    background-color: @theme_fg_color;
-    background-image: image(@theme_fg_color);
-}
-
-.backgroundbright,
-.backgroundbright * {
-    background-color: @theme_bg_color;
-    background-image: image(@theme_bg_color);
-}
-
-.dark .backgroundbright,
-.dark .backgroundbright * {
-    background-color: @theme_fg_color;
-    background-image: image(@theme_fg_color);
-}
-
-.backgrounddark,
-.backgrounddark * {
-    background-color: @theme_fg_color;
-    background-image: image(@theme_fg_color);
-}
-
-.dark .backgrounddark,
-.dark .backgrounddark * {
-    background-color: @theme_bg_color;
-    background-image: image(@theme_bg_color);
-}
-
-.iconsymbolic,
-.iconsymbolic image {
-    -gtk-icon-style: symbolic;
-}
-
-.iconregular,
-.iconregular image {
-    -gtk-icon-style: regular;
-}
-
-.combobright * {
-    color: @theme_text_color;
-    background-color: @theme_base_color;
-    background-image: image(@theme_base_color);
-    border-radius: 4px;
-}
-
-.dark .combobright * {
-    color: @theme_base_color;
-    background-color: @theme_text_color;
-    background-image: image(@theme_text_color);
-    border-radius: 4px;
-}
-
-
-/* 'GtkWidget' for Gtk  <= 3.18   */
-
-
-/* 'widget'    for Gtk  <= 3.19.2 */
-
-GtkWidget,
-widget {
-    /*    font-size: 12pt; */
-}
-
-GtkSpinButton {
-    padding: 0;
-    outline-style: none;
-}
-
-spinbutton {
-    padding: 0;
-    outline-style: none;
-}
-
-GtkSpinButton entry {
-    padding-left: 2px;
-    padding-right: 0;
-}
-
-spinbutton entry {
-    padding-left: 2px;
-    padding-right: 0;
-}
-
-GtkSpinButton undershoot {
-    outline-style: none;
-}
-
-spinbutton undershoot {
-    outline-style: none;
-}
-
-GtkSpinButton entry {
-    padding-left: 2px;
-    padding-right: 0;
-}
-
-spinbutton entry {
-    padding-left: 2px;
-    padding-right: 0;
-}
-
-GtkSpinButton undershoot {
-    outline-style: none;
-}
-
-spinbutton undershoot {
-    outline-style: none;
-}
-
-#LPEDialogSelector,
-#LPEDialogSelector .frame,
-#LPEDialogSelector .searchbar {
-    outline-width: 0;
-    border-width: 0;
-}
-
-#LPESelectorFlowBox GtkFlowBoxChild,
-#LPESelectorFlowBox flowboxchild {
-    border-width: 0px;
-    border-radius: 6px;
-    margin: 10px;
-    padding: 10px;
-    margin-bottom: 0px;
-    padding-bottom: 10px;
-    outline: none;
-}
-
-#LPESelectorFlowBox flowboxchild * {
-    color: @theme_fg_color;
-}
-
-#LPESelectorFlowBox flowboxchild:selected image,
-#LPESelectorFlowBox flowboxchild:selected label {
-    background-color: @theme_selected_bg_color;
-    color: @theme_selected_fg_color;
-    background-image: image(@theme_selected_bg_color);
-}
-
-#LPESelectorFlowBox *:selected #LPESelectorEffectFavTop,
-#LPESelectorFlowBox *:selected:focus #LPESelectorEffectFavTop {
-    opacity: 0;
-}
-
-#LPESelectorFlowBox .lpename {
-    font-size: 16px;
-    margin-bottom: 5px;
-}
-
-#LPESelectorFlowBox .lpeinfo {
-    font-size: 16px;
-    padding: 20px;
-}
-
-#LPESelectorFlowBox .lpedisabled {
-    opacity: 0.3;
-}
-
-#LPESelectorEffectInfoPop {
-    padding: 15px;
-}
-
-#LPESelectorEffectInfoName {
-    font-weight: bold;
-    padding: 15px;
-}
-
-#LPEDialogSelector .lpeinfo {
-    padding: 8px;
-    background-color: @theme_selected_fg_color;
-    color: @theme_selected_bg_color;
-    margin: 10px 10px 0px 10px;
-    border-radius: 5px;
-}
-
-#LPEExperimental image {
-    color: transparent;
-}
-
-#LPEDialogSelector .searchbar entry image,
-#LPEDialogSelector .searchbar label,
-#LPEDialogSelector .searchbar #LPESelectorEffectFavShowImage {
-    color: @theme_fg_color;
-}
-
-#XMLFlow .toggle {
-    min-width: 18px;
-    padding-left: 6px;
-    padding-right: 6px;
-    padding-top: 0;
-    padding-bottom: 0;
-}
-
-SPRuler {
-    background-color: @theme_bg_color;
-    color: @theme_fg_color;
-}
-
-ruler-widget {
-    background-color: @theme_bg_color;
-    color: @theme_fg_color;
-}
-
-
-/* The actual canvas (Inkscape's drawing area). */
-
-SPCanvas {
-    background-color: white;
-}
-
-combobox window.popup scrolledwindow treeview separator {}
-
-#font_selector_family {}
-
-#TextFontFamilyAction_combobox {
-    -GtkComboBox-appears-as-list: true;
-}
-
-#LockGuides,
-#StickyZoom,
-#CMS_Adjust {
-    padding: 0;
-}
-
-
-/* Keep palette scrollbar from generating warnings. */
-
-#PreviewHolderScroller .vertical slider {
-    min-height: 15px;
-}
-
-
-/* Override minimum size of container children for palette. */
-
-#ColorItemPreview {
-    min-height: 5px;
-    min-width: 5px;
-}
-
-
-/* Reduce width of Fill and Stroke dialog */
-
-#ColorModeButton {
-    padding-left: 0;
-    padding-right: 0;
-}
-
-
-/* Reduce width of +/- buttons. */
-
-.up,
-.down {
-    padding-left: 0;
-    padding-right: 0;
-}
-
-
-/* InkSpinScale */
-
-#InkSpinScale {
-    background: @theme_bg_color;
-    border: 1px black;
-    border-radius: 3px;
-    padding: 0px;
-}
-
-#InkSpinScale spinbutton {
-    border-color: #eee;
-    border-width: 0 0 0 0;
-    border-radius: 0 3px 3px 0;
-    box-shadow: none;
-    padding: 0 0 0 1px;
-    min-height: 10px;
-}
-
-
-/* Hide slider */
-
-#InkSpinScale slider {
-    background: none;
-    border: none;
-    outline: none;
-    min-width: 0px;
-    min-height: 0px;
-    padding: 0px;
-    margin: 0px;
-}
-
-#InkSpinScale slider,
-#InkSpinScale highlight {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-#InkSpinScale scale {
-    padding: 0px;
-}
-
-#InkSpinScale trough {
-    min-height: 30px;
-}
-
-#InkSpinScale box.active {
-    box-shadow: 0 0 0 1px rgb(74, 144, 217);
-}
-
-#InkSpinScale spinbutton entry {
-    padding: 0;
-    outline-style: none;
-}
\ No newline at end of file
+ @define-color bg_color0 #ffffff;
+
+ /* White */
+ 
+ @define-color bg_color05 #f8f8f8;
+ 
+ /* Slightly off white */
+ 
+ @define-color bg_color1 #f0f0f0;
+ @define-color bg_color2 #e0e0e0;
+ @define-color bg_color3 #d0d0d0;
+ @define-color bg_color4 #bbbbbb;
+ 
+ /* 50% Gray */
+ 
+ @define-color bg_color5 #a5a5a5;
+ @define-color bg_color6 #898989;
+ @define-color bg_color7 #636363;
+ @define-color bg_color8 #000000;
+ 
+ /* Black */
+ 
+ 
+ /* 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
+      * Ecah Inkscape desktop has a class in top level window
+      * call "dark" so you can style using 2 clases with or without
+      * "dark" 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
+      * ".colordefault" use default window color
+      * ".colorinverse" invert window colors
+      * ".colorbright" force bright colors no matter the UI is dark or bright
+      * ".colordark" same but dark
+      * ::::::: Background based
+      * ::::::: apply to backgrounds
+      * ::::::: scope widget and all his childs
+      * ".backgrounddefault" use default window color
+      * ".backgroundinverse" invert window colors
+      * ".backgroundbright" force bright colors no matter the UI is dark or bright
+      * ".backgrounddark" same but daLPESelectorButtonBoxk
+      * :::::::: Icon Based.
+      * :::::::: apply to color (foreground)
+      * :::::::: scope widget and all nested images
+      * ".iconsymbolic" Force icon symbolic
+      * ".iconregular" Force colorful icons
+      * ".iconcolordefault" Theme color default
+      * ".iconcolorinverse" Inverse color from theme
+      * ".iconcolorbright, Force clear icon
+      * ".iconcolordark" Force dark icon
+      * ".iconcolornamed" Icon in prefs selected color;
+      * ".iconcolornamedinverse" Icon in inverse color from prefs"
+      * :::::::: Combo box.
+      * "..combobright" Combo bright
+      * ".regular ..." Inkscape is in regular icon mode 
+      * ".symbolic ..." Inkscape is in symbolic icon mode 
+      */
+ 
+ .colordefault,
+ .colordefault * {
+     color: @theme_fg_color;
+ }
+ 
+ .colorinverse,
+ .colorinverse * {
+     color: @theme_bg_color;
+ }
+ 
+ .colorbright,
+ .colorbright * {
+     color: @theme_fg_color;
+ }
+ 
+ .dark .colorbright,
+ .dark .colorbright * {
+     color: @theme_bg_color;
+ }
+ 
+ .colordark,
+ .colordark * {
+     color: @theme_bg_color;
+ }
+ 
+ .dark .colordark,
+ .dark .colordark * {
+     color: @theme_fg_color;
+ }
+ 
+ .backgrounddefault,
+ .backgrounddefault * {
+     background-color: @theme_bg_color;
+     background-image: image(@theme_bg_color);
+ }
+ 
+ .backgroundinverse,
+ .backgroundinverse * {
+     background-color: @theme_fg_color;
+     background-image: image(@theme_fg_color);
+ }
+ 
+ .backgroundbright,
+ .backgroundbright * {
+     background-color: @theme_bg_color;
+     background-image: image(@theme_bg_color);
+ }
+ 
+ .dark .backgroundbright,
+ .dark .backgroundbright * {
+     background-color: @theme_fg_color;
+     background-image: image(@theme_fg_color);
+ }
+ 
+ .backgrounddark,
+ .backgrounddark * {
+     background-color: @theme_fg_color;
+     background-image: image(@theme_fg_color);
+ }
+ 
+ .dark .backgrounddark,
+ .dark .backgrounddark * {
+     background-color: @theme_bg_color;
+     background-image: image(@theme_bg_color);
+ }
+ 
+ .iconsymbolic,
+ .iconsymbolic image {
+     -gtk-icon-style: symbolic;
+ }
+ 
+ .iconregular,
+ .iconregular image {
+     -gtk-icon-style: regular;
+ }
+ 
+ .combobright * {
+     color: @theme_text_color;
+     background-color: @theme_base_color;
+     background-image: image(@theme_base_color);
+     border-radius: 4px;
+ }
+ 
+ .dark .combobright * {
+     color: @theme_base_color;
+     background-color: @theme_text_color;
+     background-image: image(@theme_text_color);
+     border-radius: 4px;
+ }
+ 
+ 
+ /* 'GtkWidget' for Gtk  <= 3.18   */
+ 
+ 
+ /* 'widget'    for Gtk  <= 3.19.2 */
+ 
+ GtkWidget,
+ widget {
+     /*    font-size: 12pt; */
+ }
+ 
+ GtkSpinButton {
+     padding: 0;
+     outline-style: none;
+ }
+ 
+ spinbutton {
+     padding: 0;
+     outline-style: none;
+ }
+ 
+ GtkSpinButton entry {
+     padding-left: 2px;
+     padding-right: 0;
+ }
+ 
+ spinbutton entry {
+     padding-left: 2px;
+     padding-right: 0;
+ }
+ 
+ GtkSpinButton undershoot {
+     outline-style: none;
+ }
+ 
+ spinbutton undershoot {
+     outline-style: none;
+ }
+ 
+ GtkSpinButton entry {
+     padding-left: 2px;
+     padding-right: 0;
+ }
+ 
+ spinbutton entry {
+     padding-left: 2px;
+     padding-right: 0;
+ }
+ 
+ GtkSpinButton undershoot {
+     outline-style: none;
+ }
+ 
+ spinbutton undershoot {
+     outline-style: none;
+ }
+ 
+ #LPEDialogSelector,
+ #LPEDialogSelector .frame,
+ #LPEDialogSelector .searchbar {
+     outline-width: 0;
+     border-width: 0;
+ }
+ 
+ #LPESelectorFlowBox GtkFlowBoxChild,
+ #LPESelectorFlowBox flowboxchild {
+     border-width: 0px;
+     border-radius: 6px;
+     margin: 10px;
+     padding: 10px;
+     margin-bottom: 0px;
+     padding-bottom: 10px;
+     outline: none;
+ }
+ 
+ #LPESelectorFlowBox flowboxchild * {
+     color: @theme_fg_color;
+ }
+ 
+ #LPESelectorFlowBox flowboxchild:selected image,
+ #LPESelectorFlowBox flowboxchild:selected label {
+     background-color: @theme_selected_bg_color;
+     color: @theme_selected_fg_color;
+     background-image: image(@theme_selected_bg_color);
+ }
+ 
+ #LPESelectorFlowBox *:selected #LPESelectorEffectFavTop,
+ #LPESelectorFlowBox *:selected:focus #LPESelectorEffectFavTop {
+     opacity: 0;
+ }
+ 
+ #LPESelectorFlowBox .lpename {
+     font-size: 16px;
+     margin-bottom: 5px;
+ }
+ 
+ #LPESelectorFlowBox .lpeinfo {
+     font-size: 16px;
+     padding: 20px;
+ }
+ 
+ #LPESelectorFlowBox .lpedisabled {
+     opacity: 0.3;
+ }
+ 
+ #LPESelectorEffectInfoPop {
+     padding: 15px;
+ }
+ 
+ #LPESelectorEffectInfoName {
+     font-weight: bold;
+     padding: 15px;
+ }
+ 
+ #LPEDialogSelector .lpeinfo {
+     padding: 8px;
+     background-color: @theme_selected_fg_color;
+     color: @theme_selected_bg_color;
+     margin: 10px 10px 0px 10px;
+     border-radius: 5px;
+ }
+ 
+ 
+ #LPEExperimental image {
+     color: transparent;
+ }
+ 
+ #LPEDialogSelector .searchbar entry image,
+ #LPEDialogSelector .searchbar label,
+ #LPEDialogSelector .searchbar #LPESelectorEffectFavShowImage {
+     color: @theme_fg_color;
+ }
+ 
+ #XMLFlow .stylesheettoggler image {
+     color: transparent;
+ }
+ 
+ #XMLFlow .toggle {
+     min-width: 18px;
+     padding-left: 6px;
+     padding-right: 6px;
+     padding-top: 0;
+     padding-bottom: 0;
+ }
+ 
+ #XMLFlow GtkFlowBoxChild,
+ #XMLFlow flowboxchild{
+   border-right-width:1px;
+   border-top-width:1px;
+   border-bottom-width:1px;
+   margin-top:-1px;
+   border-style:solid;
+   border-color:@borders;
+   padding:7px;
+ }
+ 
+ SPRuler {
+     background-color: @theme_bg_color;
+     color: @theme_fg_color;
+ }
+ 
+ ruler-widget {
+     background-color: @theme_bg_color;
+     color: @theme_fg_color;
+ }
+ 
+ 
+ /* The actual canvas (Inkscape's drawing area). */
+ 
+ SPCanvas {
+     background-color: white;
+ }
+ 
+ combobox window.popup scrolledwindow treeview separator {}
+ 
+ #font_selector_family {}
+ 
+ #TextFontFamilyAction_combobox {
+     -GtkComboBox-appears-as-list: true;
+ }
+ 
+ #LockGuides,
+ #StickyZoom,
+ #CMS_Adjust {
+     padding: 0;
+ }
+ 
+ 
+ /* Keep palette scrollbar from generating warnings. */
+ 
+ #PreviewHolderScroller .vertical slider {
+     min-height: 15px;
+ }
+ 
+ 
+ /* Override minimum size of container children for palette. */
+ 
+ #ColorItemPreview {
+     min-height: 5px;
+     min-width: 5px;
+ }
+ 
+ 
+ /* Reduce width of Fill and Stroke dialog */
+ 
+ #ColorModeButton {
+     padding-left: 0;
+     padding-right: 0;
+ }
+ 
+ 
+ /* Reduce width of +/- buttons. */
+ 
+ .up,
+ .down {
+     padding-left: 0;
+     padding-right: 0;
+ }
+ 
+ 
+ /* InkSpinScale */
+ 
+ #InkSpinScale {
+     background: @theme_bg_color;
+     border: 1px black;
+     border-radius: 3px;
+     padding: 0px;
+ }
+ 
+ #InkSpinScale spinbutton {
+     border-color: #eee;
+     border-width: 0 0 0 0;
+     border-radius: 0 3px 3px 0;
+     box-shadow: none;
+     padding: 0 0 0 1px;
+     min-height: 10px;
+ }
+ 
+ 
+ /* Hide slider */
+ 
+ #InkSpinScale slider {
+     background: none;
+     border: none;
+     outline: none;
+     min-width: 0px;
+     min-height: 0px;
+     padding: 0px;
+     margin: 0px;
+ }
+ 
+ #InkSpinScale slider,
+ #InkSpinScale highlight {
+     border-top-right-radius: 0;
+     border-bottom-right-radius: 0;
+ }
+ 
+ #InkSpinScale scale {
+     padding: 0px;
+ }
+ 
+ #InkSpinScale trough {
+     min-height: 30px;
+ }
+ 
+ #InkSpinScale box.active {
+     box-shadow: 0 0 0 1px rgb(74, 144, 217);
+ }
+ 
+ #InkSpinScale spinbutton entry {
+     padding: 0;
+     outline-style: none;
+ }
\ No newline at end of file