[gnome-builder] command-bar: move styling to plugin

[Christian Hergert <chergert src gnome org>]

commit f726c5deee86749977afabb4e4274cee05edadf3
Author: Christian Hergert <chergert redhat com>
Date:   Wed Dec 2 00:09:01 2015 -0800

    command-bar: move styling to plugin
    
    Now that we can load custom styling from the plugin, this does not belong
    in the libide styling.

 data/theme/shared.css                            |   19 -------------------
 plugins/command-bar/gb-command-bar.gresource.xml |    1 +
 plugins/command-bar/gb-command-bar.ui            |   10 ++++++++++
 plugins/command-bar/theme/shared.css             |   20 ++++++++++++++++++++
 4 files changed, 31 insertions(+), 19 deletions(-)
---
diff --git a/data/theme/shared.css b/data/theme/shared.css
index c5a4fe3..21dc60a 100644
--- a/data/theme/shared.css
+++ b/data/theme/shared.css
@@ -54,25 +54,6 @@ GdTaggedEntry {
 
 
 /*
- * Command Bar styling.
- */
-box.gb-command-bar-box {
-  border: none;
-  background-image: linear-gradient(to bottom, #2e3436, #555753 10%);
-  box-shadow: inset 0px 3px 6px #2e3436;
-}
-box.gb-command-bar-box label {
-  color: #eeeeec;
-}
-entry.gb-command-bar-entry {
-  font-family: Monospace;
-  background-image: none;
-  padding: 6px 6px 6px 6px;
-  color: #eeeeec;
-}
-
-
-/*
  * Style selector widget.
  */
 GtkSourceStyleSchemeChooserWidget textview {
diff --git a/plugins/command-bar/gb-command-bar.gresource.xml 
b/plugins/command-bar/gb-command-bar.gresource.xml
index 6197d47..5eb3e3f 100644
--- a/plugins/command-bar/gb-command-bar.gresource.xml
+++ b/plugins/command-bar/gb-command-bar.gresource.xml
@@ -2,5 +2,6 @@
 <gresources>
   <gresource prefix="/org/gnome/builder/plugins/command-bar">
     <file>gb-command-bar.ui</file>
+    <file>theme/shared.css</file>
   </gresource>
 </gresources>
diff --git a/plugins/command-bar/gb-command-bar.ui b/plugins/command-bar/gb-command-bar.ui
index 80a8ea4..d205be3 100644
--- a/plugins/command-bar/gb-command-bar.ui
+++ b/plugins/command-bar/gb-command-bar.ui
@@ -26,6 +26,13 @@
           </object>
         </child>
         <child>
+          <object class="GtkSeparator">
+            <property name="visible">true</property>
+            <property name="hexpand">true</property>
+            <property name="orientation">horizontal</property>
+          </object>
+        </child>
+        <child>
           <object class="GtkScrolledWindow" id="completion_scroller">
             <property name="hscrollbar_policy">GTK_POLICY_NEVER</property>
             <property name="visible">False</property>
@@ -33,6 +40,9 @@
             <property name="vexpand">False</property>
             <child>
               <object class="GtkFlowBox" id="flow_box">
+                <style>
+                  <class name="gb-command-bar"/>
+                </style>
                 <property name="visible">True</property>
                 <property name="max-children-per-line">20</property>
                 <property name="column-spacing">16</property>
diff --git a/plugins/command-bar/theme/shared.css b/plugins/command-bar/theme/shared.css
new file mode 100644
index 0000000..4f39f81
--- /dev/null
+++ b/plugins/command-bar/theme/shared.css
@@ -0,0 +1,20 @@
+box.gb-command-bar-box {
+  border: none;
+  background-image: linear-gradient(to bottom, #2e3436, #555753 10%);
+  box-shadow: inset 0px 3px 6px #2e3436;
+}
+box.gb-command-bar-box label {
+  color: #eeeeec;
+}
+entry.gb-command-bar-entry {
+  font-family: Monospace;
+  background-image: none;
+  padding: 6px 6px 6px 6px;
+  color: #eeeeec;
+}
+flowbox.gb-command-bar {
+  background: @theme_bg_color;
+  opacity: 0.9;
+  padding: 24px;
+  color: @theme_fg_color;
+}