Shiny: Import Gtk+ 3 theme

Taken from http://gnome-look.org/content/show.php?content=164764
Done by Ambiance-69

10 files changed, 1281 insertions, 0 deletions

diff --git a/desktop-themes/Shiny/gtk-3.0/apps/Makefile.am b/desktop-themes/Shiny/gtk-3.0/apps/Makefile.am
new file mode 100644
index 00000000..3e33dc22
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/Makefile.am
@@ -0,0 +1,16 @@
+THEMA_NAME=Shiny
+
+themedir = $(datadir)/themes/$(THEME_NAME)/gtk-3.0/apps
+
+theme_DATA = \
+	baobab.css \
+	gedit.css \
+	gnome-applications.css \
+	gnome-panel.css \
+	gnome-system-log.css \
+	gnome-terminal.css \
+	nautilus.css \
+	unity.css \
+	unity-greeter.css
+
+EXTRA_DIST = $(theme_DATA)
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/baobab.css b/desktop-themes/Shiny/gtk-3.0/apps/baobab.css
new file mode 100644
index 00000000..f4dcf6cd
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/baobab.css
@@ -0,0 +1,16 @@
+.baobab-toolbar.toolbar {
+    border-color: shade (@bg_color, 0.9);
+    border-style: solid;
+    border-width: 0 0 1px 0;
+    border-radius: 0;
+}
+
+.cell.baobab-level-cell,
+.cell.baobab-level-cell:hover,
+.cell.baobab-level-cell:selected,
+.cell.baobab-level-cell:selected:hover {
+    border-color: alpha (black, 0.06);
+    border-width: 1px;
+    border-style: solid;
+    background-color: @base_color;
+}
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/gedit.css b/desktop-themes/Shiny/gtk-3.0/apps/gedit.css
new file mode 100644
index 00000000..6f11618a
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/gedit.css
@@ -0,0 +1,61 @@
+@define-color notebook_tab_gradient_b shade (@bg_color, 0.98);
+
+GeditWindow .pane-separator,
+GeditWindow .pane-separator:hover {
+}
+
+GeditPanel.title GtkLabel {
+}
+
+GeditDocumentsPanel .view {
+}
+
+GeditDocumentsPanel .view:backdrop {
+}
+
+GeditWindow .notebook {
+    padding: 1px;
+    border-radius: 1px;
+}
+
+GeditPanel .notebook {
+    border-radius: 1px;
+}
+
+GeditPanel .notebook tab,
+GeditWindow .notebook tab {
+    border-radius: 3px;
+}
+
+GeditViewFrame .gedit-search-slider {
+    background-color: @theme_base_color;
+    padding: 6px;
+    border-color: shade (@notebook_tab_gradient_b, 0.80);
+    border-radius: 0 0 3px 3px;
+    border-width: 0 1px 1px 1px;
+    border-style: solid;
+}
+
+GeditViewFrame .gedit-search-slider .not-found {
+    color: @error_fg_color;
+    background-image: none;
+    background-color: @error_bg_color;
+}
+
+GeditViewFrame .gedit-search-slider .not-found:selected {
+    background-color: @theme_selected_bg_color;
+    color: @theme_selected_fg_color;
+}
+
+GeditFileBrowserWidget .toolbar  {
+    background-color: @theme_bg_color;
+    border: none;
+    padding-bottom: 3px;
+}
+
+.gedit-search-entry-occurrences-tag {
+    background-color: transparent;
+    color: @backdrop_text_color;
+    margin: 2px;
+    padding: 2px;
+}
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/gnome-applications.css b/desktop-themes/Shiny/gtk-3.0/apps/gnome-applications.css
new file mode 100644
index 00000000..cb8fcbc3
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/gnome-applications.css
@@ -0,0 +1,667 @@
+@define-color nautilus_cluebar_color #729fcf;
+
+@define-color documents_selection_toolbar_a #8e9c80;
+@define-color documents_selection_toolbar_b #4f6838;
+@define-color documents_selection_toolbar_border #3e7b05;
+
+@define-color documents_selection_button_a #7fc141;
+@define-color documents_selection_button_b #47850d;
+@define-color documents_selection_button_c #4e9a06;
+
+@define-color documents_emblem_bg #3465a4;
+@define-color documents_collection_bg #d3d7cf;
+
+@define-color documents_osd_toolbar_a alpha(#242424, 0.80);
+@define-color documents_osd_toolbar_b alpha(#101010, 0.80);
+@define-color documents_osd_toolbar_c alpha(#262626, 0.80);
+
+@define-color documents_osd_button_a @theme_base_color;
+@define-color documents_osd_button_b #525252;
+@define-color documents_osd_button_inset #9f9f9f;
+
+@define-color documents_osd_fg #bebebe;
+
+/****************
+ * Applications *
+ ****************/
+ApDocView, /* Abiword */
+EogScrollView, /* Eog */
+CheeseThumbView /* Cheese */
+{
+    background-color: @chrome_bg_color;
+    -EogScrollView-shadow-type: none;
+}
+
+/* gnome-terminal */
+TerminalScreen {
+    background-color: @theme_base_color;
+    color: @theme_fg_color;
+    -TerminalScreen-background-darkness: 0.95;
+}
+
+TerminalWindow GtkNotebook.notebook {
+    border-bottom-width: 0;
+    border-right-width: 0;
+    border-left-width: 0;
+}
+
+/* nautilus */
+.nautilus-canvas-item {
+    border-radius: 5px;
+}
+
+.nautilus-inactive-pane .nautilus-canvas-item:selected {
+    background-color: @theme_unfocused_selected_bg_color;
+    color: @theme_unfocused_selected_fg_color;
+}
+
+.nautilus-desktop.nautilus-canvas-item {
+    color: @theme_bg_color;
+    text-shadow: 1 1 black;
+}
+
+.nautilus-desktop.nautilus-canvas-item:active {
+    color: @theme_text_color;
+}
+
+.nautilus-desktop.nautilus-canvas-item:selected {
+    color: @theme_selected_fg_color;
+}
+
+.nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:prelight,
+.nautilus-desktop.nautilus-canvas-item:selected {
+    text-shadow: none;
+}
+
+NautilusTrashBar.info,
+NautilusXContentBar.info,
+NautilusSearchBar.info,
+NautilusQueryEditor.info {
+    background-color: @nautilus_cluebar_color;
+    color: @theme_base_color;
+
+    border-color: shade(@nautilus_cluebar_color, 0.85);
+}
+
+.nautilus-cluebar-label {
+    font: bold;
+    color: @theme_base_color;
+    text-shadow: 0 1 alpha(black, 0.15);
+}
+
+.nautilus-cluebar-label:backdrop {
+    font: bold;
+    color: @theme_unfocused_fg_color;
+    text-shadow: none;
+}
+
+/* This will make the location entry tall as buttons.
+   Buttons are too tall btw, then it's ugly */
+/*NautilusLocationEntry.entry {
+    -GtkEntry-inner-border: 9;
+}*/
+
+NautilusLocationEntry.entry {
+    padding-left: 4px;
+    padding-right: 4px;
+}
+
+
+NautilusSearchBar .entry,
+NautilusSearchBar .entry:focus {
+    border-image: none;
+    border-color: darker(@nautilus_cluebar_color);
+    border-style: solid;
+    border-width: 1px;
+    padding-left: 4px;
+    padding-right: 4px;
+
+    -GtkEntry-inner-border: 3;
+}
+
+NautilusWindow .sidebar .frame {
+    border-width: 1px 0 0 0;
+    border-style: solid;
+    border-color: @borders;
+    border-radius: 0;
+}
+
+NautilusWindow > GtkGrid > .pane-separator {
+    border-width: 1px 1px 0 0;
+    border-style: solid;
+    border-color: @borders;
+}
+
+NautilusWindow > GtkGrid > .pane-separator,
+NautilusWindow > GtkGrid > .pane-separator:hover {
+    border-width: 1px 1px 0 0;
+    border-style: solid;
+    border-color: @borders;
+    background-color: @sidebar_bg;
+    color: shade (@theme_bg_color, 0.9);
+}
+
+NautilusWindow > GtkGrid > .pane-separator:backdrop,
+NautilusWindow > GtkGrid > .pane-separator:hover:backdrop {
+    border-width: 1px 1px 0 0;
+    border-style: solid;
+    border-color: @unfocused_borders;
+    background-color: @sidebar_bg_unfocused;
+    color: shade (@theme_bg_color, 0.9);
+}
+
+NautilusNotebook.notebook {
+    border-right-width: 0;
+    border-left-width: 0;
+    border-bottom-width: 0;
+}
+
+/* gedit */
+
+GeditWindow .pane-separator, 
+GeditWindow .pane-separator:hover {
+   border-width: 0 1px 1px 1px;
+   border-style: solid;
+   border-color: @borders;
+   background-color: shade(@theme_bg_color, 0.95);
+   color: @borders;
+}
+
+GeditPanel .toolbar {
+    border-style: none;
+    background-color: transparent;
+}
+
+GeditWindow .sidebar {
+    background-color: @theme_base_color;
+    border-width: 0 0 1px 0;
+    border-style: solid;
+    border-color: @borders;
+    
+}
+
+GeditPanel .notebook {
+    padding: 2px;
+    border-width: 1px 0;
+}
+
+GeditWindow .notebook {
+    border-width: 1px 0;
+}
+
+GeditPanel .notebook tab,
+GeditWindow .notebook tab {
+    border-width: 0;
+}
+
+/* gnome-documents */
+.documents-dropdown,
+.documents-dropdown .view {
+    background-color: shade (@theme_bg_color, 1.02);
+}
+
+.documents-dropdown .frame {
+    border-width: 0 1px 1px 1px;
+    border-style: solid;
+    border-radius: 0 0 5px 5px;
+}
+
+.documents-dropdown .radio,
+.documents-dropdown .radio:focused,
+.documents-dropdown .radio:selected {
+    background-image: none;
+    background-color: alpha(@theme_base_color, 0.0);
+}
+
+.documents-dropdown .radio:active,
+.documents-dropdown .radio:active:focused,
+.documents-dropdown .radio:active:prelight {
+    background-image: url("assets/sidebar-radio-checked.svg");
+}
+
+.documents-dropdown .radio:prelight {
+    background-image: url("assets/sidebar-radio-prelight.svg");
+}
+
+.documents-dropdown .radio:active:selected,
+.documents-dropdown .radio:active:selected:focused {
+    background-image: url("assets/sidebar-radio-selected.svg");
+}
+
+.documents-dropdown .radio:selected:prelight,
+.documents-dropdown .radio:selected:focused {
+    background-image: url("assets/sidebar-radio-selected-prelight.svg");
+}
+
+.documents-load-more.button {
+    border-image-width: 0 2 2 2;
+    border-width: 0 1px 1px 1px;
+}
+
+.documents-scrolledwin.frame {
+    border-width: 1px 0;
+    border-radius: 0;
+}
+
+.documents-main-view.view {
+    background-color: #f1f2f1;
+}
+
+.documents-selection-mode.toolbar {
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(@documents_selection_toolbar_a),
+                                    to(@documents_selection_toolbar_b));
+    color: @theme_base_color;
+    border-width: 1px 0 0 0;
+    border-color: @documents_selection_toolbar_border;
+    border-style: solid;
+}
+
+.documents-selection-mode.toolbar .dim-label {
+    color: alpha(@theme_base_color, 0.50);
+}
+
+.documents-selection-mode.toolbar .button {
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(@documents_selection_button_a),
+                                    color-stop(0.83, @documents_selection_button_b),
+                                    to(@documents_selection_button_c));
+
+    border-color: @documents_selection_toolbar_border;
+    border-image: none;
+    border-style: solid;
+    border-width: 1px;
+
+    color: @theme_base_color;
+
+    text-shadow: none;
+    icon-shadow: none;
+}
+
+.documents-selection-mode.toolbar .button:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(shade(@documents_selection_button_a, 1.20)),
+                                    color-stop(0.83, shade(@documents_selection_button_b, 1.10)),
+                                    to(shade(@documents_selection_button_c, 1.10)));
+}
+
+.documents-selection-mode.toolbar .button:active,
+.documents-selection-mode.toolbar .button:hover:active {
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(@documents_selection_button_b),
+                                    to(shade(@documents_selection_button_a, 0.90)));
+
+    border-color: @documents_selection_toolbar_border;
+    border-image: none;
+    border-style: solid;
+    border-width: 1px;
+}
+
+.documents-selection-mode.toolbar .button *:hover {
+    color: @theme_base_color;
+}
+
+.documents-icon-bg {
+    background-color: @documents_emblem_bg;
+    border-radius: 4px;
+
+    color: @theme_base_color;
+}
+
+.documents-collection-icon {
+    background-color: @documents_collection_bg;
+    border-radius: 8px;
+}
+
+.documents-osd {
+    background-image: none;
+    background-color: transparent;
+}
+
+.documents-osd .toolbar {
+    padding: 16px;
+    border-style: none;
+    border-radius: 5px;
+    border-width: 0;
+
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(@documents_osd_toolbar_a),
+                                    color-stop(0.63, @documents_osd_toolbar_b),
+                                    to(@documents_osd_toolbar_c));
+    color: @documents_osd_fg;
+
+    -GtkToolbar-button-relief: normal;
+}
+
+.documents-osd .toolbar .button {
+    padding: 4px;
+
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(alpha(@documents_osd_button_a, 0.16)),
+                                    color-stop(0.68, alpha(@documents_osd_button_b, 0.05)),
+                                    to(alpha(@documents_osd_button_a, 0.12)));
+    border-width: 1px 0;
+    border-style: solid;
+    border-image: none;
+    border-color: alpha(@documents_osd_button_a, 0.50);
+    border-radius: 0;
+
+    color: @documents_osd_fg;
+
+    text-shadow: none;
+    icon-shadow: none;
+    box-shadow: -1 0 inset @documents_osd_button_inset;
+}
+
+.documents-osd .toolbar .button,
+.documents-osd .toolbar .button:prelight,
+.documents-osd .toolbar .button:active {
+    background-color: transparent;
+}
+
+.documents-osd .toolbar .button:nth-child(first) {
+    border-radius: 4px 0 0 4px;
+    border-left-width: 1px;
+    box-shadow: -1 0 inset @documents_osd_button_inset;
+}
+
+.documents-osd .toolbar .button:nth-child(last) {
+    box-shadow: none;
+    border-radius: 0 4px 4px 0;
+    border-right-width: 1px;
+}
+
+.documents-osd .toolbar .button:only-child {
+    border-width: 1px;
+    border-radius: 4px;
+    border-style: solid;
+}
+
+.documents-osd .toolbar .separator {
+    color: @documents_osd_button_inset;
+}
+
+.documents-osd .toolbar .button:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(alpha(@documents_osd_button_a, 0.28)),
+                                    color-stop(0.68, alpha(@documents_osd_button_b, 0.14)),
+                                    to(alpha(@documents_osd_button_a, 0.14)));
+}
+
+.documents-osd .toolbar .button *:hover {
+    color: shade(@documents_osd_fg, 1.20);
+}
+
+.documents-osd .toolbar .button:active,
+.documents-osd .toolbar .button:active:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(alpha(@documents_osd_button_b, 0.18)),
+                                    color-stop(0.68, alpha(@documents_osd_button_a, 0.23)),
+                                    to(alpha(@documents_osd_button_b, 0.17)));
+}
+
+.documents-osd .toolbar .button.favorite,
+.documents-osd .toolbar .button.favorite *:hover {
+    color: shade(@theme_selected_bg_color, 1.20);
+}
+
+.documents-entry-tag {
+    background-color: @documents_emblem_bg;
+    color: @theme_base_color;
+
+    border-radius: 4px;
+    border-width: 0;
+
+    margin: 2px;
+    padding: 4px;
+}
+
+.documents-entry-tag:hover {
+    background-color: shade(@documents_emblem_bg, 1.10);
+    color: @theme_base_color;
+}
+
+.documents-entry-tag.button,
+.documents-entry-tag.button:hover,
+.documents-entry-tag.button:active,
+.documents-entry-tag.button:active:hover {
+    background-color: transparent;
+    background-image: none;
+    border-image: none;
+    border-width: 0;
+}
+
+.documents-entry-tag.button:hover {
+    color: shade(@documents_emblem_bg, 2.10);
+}
+
+/* epiphany */
+
+/* EphyToolbar.toolbar {
+    border-bottom: 1 solid @borders;
+}
+
+EphyToolbar.toolbar:backdrop {
+    border-bottom: 1 solid @unfocused_borders;
+}
+*/
+
+EphyToolbar .entry,
+EphyToolbar .entry:focus,
+EphyToolbar .entry:backdrop {
+    border-image-width: 3 0 4 3;
+    border-width: 1px 0 2px 1px;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+    padding-left: 4px;
+    padding-right: 4px;
+}
+
+EphyToolbar .entry:focus {
+    box-shadow: 1 2 inset alpha(@theme_selected_bg_color, 0.1),
+                1 1 inset alpha(@theme_selected_bg_color, 0.1),
+                0 -1 inset alpha(@theme_selected_bg_color, 0.2);
+}
+
+EphyToolbar .location-entry .button {
+    color: @internal_element_color;
+    -GtkButton-child-displacement-y: 0;
+}
+
+EphyToolbar .location-entry .button:last-child {
+    border-image: url("borders/generic-border.svg") 3 3 4 3 / 3 3 4 0 stretch;
+    border-width: 1px 1px 2px 0;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    padding-left: 4px;
+    padding-right: 2px;
+}
+
+EphyToolbar .location-entry .button,
+EphyToolbar .location-entry .button:hover,
+EphyToolbar .location-entry .button:focus {
+    icon-shadow: none;
+    background-image: -gtk-gradient(linear,
+                                    left top, left bottom,
+                                    from(@entry_background_a),
+                                    to(@entry_background_b));
+    box-shadow: 1 0 inset @inset_dark_color,
+                0 1 inset @entry_inset,
+                0 2 inset alpha(@entry_inset, 0.4);
+}
+
+EphyToolbar .location-entry .button:active,
+EphyToolbar .location-entry .button:active:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom,
+                                    from(shade(@entry_background_a, 0.9)),
+                                    to(@entry_background_b));
+    box-shadow: 1 0 inset @inset_dark_color,
+                0 1 inset @entry_inset, 
+                0 2 inset alpha(@entry_inset, 0.4);
+}
+
+EphyToolbar .location-entry .button:hover,
+EphyToolbar .location-entry .button:focus,
+EphyToolbar .location-entry .button:active,
+EphyToolbar .location-entry .button *:active {
+    color: @theme_text_color;
+}
+
+EphyToolbar .location-entry .button:backdrop,
+EphyToolbar .location-entry .button:hover:backdrop {
+    background-image: none;
+    background-color: mix (@base_color, @bg_color, 0.4);
+    border-radius: 3px;
+    border-width: 1px 1px 2px 0;
+}
+
+EphyNotebook.notebook {
+    border-width: 1px 0 1px 0;
+}
+
+EphyNotebook.notebook tab {
+    border-width: 0;
+}
+
+EphyToolbar.toolbar .button {
+    padding-left: 4px;
+    padding-right: 4px;
+}
+
+#ephy-page-menu-button.active-menu {
+    background-image: none;
+    background-color: @bg_color;
+
+    border-image: none;
+    border-color: @bg_color;
+    border-radius: 4px 4px 0 0;
+}
+
+/* Gnome Contacts */
+
+/* Line at top in contacts pane, similar to .documents-scrolledwin.frame */
+.contacts-content.frame {
+ border-width: 1px 0 0 0;
+ border-radius: 0;
+}
+
+/* Background color in contacts pane, similar to .documents-main-view.view */
+.contacts-main-view.view {
+ background-color: #f1f2f1;
+}
+
+.contacts-suggestion {
+ background-color: #434343;
+ color: #ffffff;
+ border-radius: 4px;
+}
+
+/* Border on the right in the left menu toolbar */
+.contacts-left-toolbar.toolbar.menubar {
+ border-width: 0 1px 0 0;
+ border-style: solid;
+ border-color: @borders;
+}
+
+/* Sidebar with line at top and the left */
+ContactsWindow .sidebar.frame {
+ border-width: 1px 1px 0 0;
+ border-style: solid;
+ border-color: @borders;
+ border-image: none;
+ border-radius: 0;
+ padding: 0;
+}
+
+.contacts-avatar-frame.frame {
+ border-width: 1px 1px 0 1px;
+ border-style: solid;
+ border-color: @borders;
+ border-image: none;
+ border-radius: 0;
+ padding: 0;
+}
+
+/* Primary toolbar with no line at top to avoid conflicts with frame border */
+ContactsWindow .primary-toolbar.toolbar {
+ border-width: 0 0 1px 0;
+}
+
+ContactsWindow .sidebar .view {
+ background-color: #ebebeb;
+}
+ContactsWindow .sidebar .view:selected,
+ContactsWindow .sidebar .view:selected:focus {
+ background-color: @selected_bg_color;
+}
+
+.contacts-button:active {
+ border-color: #000000;
+ border-image: none;
+}
+
+.contacts-entry {
+ box-shadow: none;
+ border-image: none;
+ border-width: 1px;
+ border-radius: 4px;
+ border-style: solid;
+ border-color: #bbbeb7;
+ background-image: none;
+ background-color: #ffffff;
+}
+
+.contacts-entry:selected,
+.contacts-entry:selected:focus {
+ background-color: @selected_bg_color;
+ color: @selected_fg_color;
+}
+
+.contacts-entry.contacts-postal-entry {
+ border-radius: 0 0 0 0;
+ border-width: 1px 1px 0 1px;
+}
+
+.contacts-entry.contacts-postal-entry:nth-child(first) {
+ border-radius: 4px 4px 0 0;
+}
+
+.contacts-entry.contacts-postal-entry:nth-child(last) {
+ border-radius: 0 0 4px 4px;
+ border-width: 1px;
+}
+
+.button.contacts-square {
+ padding: 0px;
+}
+
+.contacts-combo .button {
+ border-image: none;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #bbbeb7;
+ background-image: none;
+ background-color: #ffffff;
+}
+
+.contacts-notification {
+ border-style: solid;
+ border-color: #949486;
+ border-width: 0 1px 1px 1px;
+ border-radius: 0 0 5px 5px;
+ padding: 8px;
+ background-color: #d8d8d8;
+ background-image: -gtk-gradient (linear, left top, left bottom,
+                                  from (rgba (0, 0, 0, 0.15)),
+                                  color-stop (0.15, rgba (0, 0, 0, 0.04)),
+                                  to (rgba (0, 0, 0, 0.0)));
+}
+
+/* Gucharmap */
+GucharmapChartable:active,
+GucharmapChartable:focus,
+GucharmapChartable:selected {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/gnome-panel.css b/desktop-themes/Shiny/gtk-3.0/apps/gnome-panel.css
new file mode 100644
index 00000000..107d9980
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/gnome-panel.css
@@ -0,0 +1,79 @@
+/* Fallback Mode Panel */
+PanelWidget :backdrop,
+PanelApplet :backdrop,
+PanelToplevel :backdrop,
+PanelWidget,
+PanelApplet,
+PanelToplevel {
+    border-image: none;
+
+    color: @dark_bg_color;
+}
+
+PanelWidget,
+PanelApplet,
+PanelToplevel {
+    background-color: @dark_bg_color;
+}
+
+PanelApplet {
+    border-width: 0;
+}
+
+PanelSeparator:backdrop,
+PanelSeparator {
+    border-width: 0;
+    background-color: @dark_bg_color;
+}
+
+.gnome-panel-menu-bar,
+PanelApplet > GtkMenuBar.menubar,
+PanelApplet > GtkMenuBar.menubar.menuitem,
+PanelMenuBar.menubar,
+PanelMenuBar.menubar.menuitem {
+    -PanelMenuBar-icon-visible: true;
+    background-color: @dark_bg_color;
+}
+
+PanelAppletFrame { 
+    background-color: @dark_bg_color;
+    border-width: 0;
+}
+
+PanelApplet .button:backdrop,
+PanelApplet .button {
+    -GtkButton-inner-border: 2;
+
+    border-image: none;
+    background-color: @dark_bg_color;
+    border-color: alpha (shade (@dark_bg_color, 1.0), 0.6);
+    border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.3);
+    border-radius: 0;
+    border-width: 0 1px 0 1px;
+    text-shadow: none;
+}
+
+PanelApplet .button:active:prelight:backdrop,
+PanelApplet .button:active:prelight,
+PanelApplet .button:active:backdrop,
+PanelApplet .button:active {
+    border-image: none;
+    background-color: @dark_bg_color;
+    border-color: shade (@dark_bg_color, 0.9);
+}
+
+PanelApplet .button:prelight:backdrop,
+PanelApplet .button:prelight {
+    border-image: none;
+    background-color: @dark_bg_color;
+    border-color: alpha (shade (@dark_bg_color, 1.0), 0.6);
+    border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.4);
+}
+
+ClockBox {
+    text-shadow: 0 -1px shade (@dark_bg_color, 0.6);
+}
+
+WnckPager, WnckTasklist {
+    background-color: @dark_bg_color;
+}
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/gnome-system-log.css b/desktop-themes/Shiny/gtk-3.0/apps/gnome-system-log.css
new file mode 100644
index 00000000..445b4eae
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/gnome-system-log.css
@@ -0,0 +1,4 @@
+/* LP: #1045602 */
+LogviewWindow .view.dim-label, .dim-label {
+  color: @info_fg_color;
+}
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/gnome-terminal.css b/desktop-themes/Shiny/gtk-3.0/apps/gnome-terminal.css
new file mode 100644
index 00000000..969528a9
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/gnome-terminal.css
@@ -0,0 +1,114 @@
+/* gnome-terminal */
+TerminalScreen {
+    -TerminalScreen-background-darkness: 0.95;
+
+    background-color: #ffffff;
+
+    color: #000;
+}
+
+/*
+TerminalWindow,
+TerminalWindow.background {
+    background-color: @dark_bg_color;
+
+    color: @dark_fg_color;
+}
+*/
+/* notebook */
+/*
+TerminalWindow .notebook {
+    background-image: none;
+    background-color: shade (@dark_bg_color, 1.02);
+    border-radius: 3;
+
+    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
+                                           from (shade (@dark_bg_color, 0.93)),
+                                           to (shade (@dark_bg_color, 0.93)));
+    -unico-inner-stroke-width: 0;
+    -unico-outer-stroke-width: 0;
+}
+
+TerminalWindow .notebook tab {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (@dark_bg_color, 0.92)),
+                                     color-stop (0.60, shade (@dark_bg_color, 0.9)),
+                                     to (shade (@dark_bg_color, 0.85)));                   
+    padding: 0;
+
+    color: @dark_fg_color;
+
+    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.2);
+}
+
+TerminalWindow .notebook tab:active {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (@dark_bg_color, 1.2)),
+                                     to (shade (@dark_bg_color, 1.12)));
+
+    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 1.0);
+}
+
+TerminalWindow .notebook .button,
+TerminalWindow .notebook .button:active  {
+    background-image: -gtk-gradient (linear, left top, right top,
+                                    from (shade (@dark_bg_color, 1.08)),
+                                    to (shade (@dark_bg_color, 0.92)));
+
+    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
+                                           from (shade (@dark_bg_color, 0.9)),
+                                           to (shade (@dark_bg_color, 0.9)));                                          
+    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.7);
+    -unico-outer-stroke-style: none;
+}
+*/
+/* Scrollbars */
+/*
+TerminalWindow .scrollbar {
+    border-radius:  20;
+
+    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
+                                           from (shade (@dark_bg_color, 0.74)),
+                                           to (shade (@dark_bg_color, 0.74)));
+}
+
+TerminalWindow .scrollbar.trough {
+    background-image: -gtk-gradient (linear, left top, right top,
+                                    from (shade (@dark_bg_color, 0.9)),
+                                    to (shade (@dark_bg_color, 0.95)));
+}
+
+TerminalWindow .scrollbar.trough.horizontal {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                    from (shade (@dark_bg_color, 0.9)),
+                                    to (shade (@dark_bg_color, 0.95)));
+}
+
+TerminalWindow .scrollbar.slider,
+TerminalWindow .scrollbar.slider:prelight,
+TerminalWindow .scrollbar.button,
+TerminalWindow .scrollbar.button:insensitive {                     
+    background-image: -gtk-gradient (linear, left top, right top,
+                                    from (shade (@dark_bg_color, 1.08)),
+                                    to (shade (@dark_bg_color, 0.92)));
+
+    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
+                                           from (shade (@dark_bg_color, 0.74)),
+                                           to (shade (@dark_bg_color, 0.74)));                                          
+    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.7);
+}
+
+TerminalWindow .scrollbar.slider.horizontal,
+TerminalWindow .scrollbar.slider.horizontal:prelight,
+TerminalWindow .scrollbar.button.horizontal,
+TerminalWindow .scrollbar.button:insensitive {                                   
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                    from (shade (@dark_bg_color, 1.08)),
+                                    to (shade (@dark_bg_color, 0.92)));
+
+    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
+                                           from (shade (@dark_bg_color, 0.74)),
+                                           to (shade (@dark_bg_color, 0.74)));                                   
+    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.7);
+}
+*/
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/nautilus.css b/desktop-themes/Shiny/gtk-3.0/apps/nautilus.css
new file mode 100644
index 00000000..55b04f75
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/nautilus.css
@@ -0,0 +1,157 @@
+@define-color cluebar_color shade (mix (@bg_color, @base_color, 0.5), 0.95);
+
+NautilusWindow * {
+    -GtkPaned-handle-size: 1;
+}
+
+NautilusDesktopWindow GtkWidget {
+    background-color: @transparent;
+}
+
+.nautilus-canvas-item {
+    border-radius: 4px;
+}
+
+/* desktop mode */
+.nautilus-desktop.nautilus-canvas-item {
+    color: @bg_color;
+    text-shadow: 1px 1px alpha (#000000, 0.8);
+}
+
+.nautilus-desktop.nautilus-canvas-item:active {
+    background-image: none;
+    background-color: alpha (@bg_color, 0.84);
+
+    color: @fg_color;
+}
+
+.nautilus-desktop.nautilus-canvas-item:selected {
+    background-image: none;
+    background-color: alpha (@selected_bg_color, 0.84);
+
+    color: @selected_fg_color;
+}
+
+.nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:prelight,
+.nautilus-desktop.nautilus-canvas-item:selected {
+    text-shadow: none;
+}
+
+/* browser window */
+NautilusTrashBar.info,
+NautilusXContentBar.info,
+NautilusSearchBar.info,
+NautilusQueryEditor.info {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (@cluebar_color, 1.02)),
+                                     to (shade (@cluebar_color, 0.98)));
+    background-color: @cluebar_color;
+    border-bottom-color: shade (@cluebar_color, 0.92);
+    border-radius: 0;
+    border-style: solid;
+    border-width: 0px 0px 1px 0px;
+
+    box-shadow: inset -1px 0px shade (@cluebar_color, 1.02),
+                inset 1px 0px shade (@cluebar_color, 1.02),
+                inset 0 1px shade (@cluebar_color, 1.04),
+                inset 0 -1px shade (@cluebar_color, 1.01);
+}
+
+NautilusTrashBar.info:backdrop,
+NautilusXContentBar.info:backdrop,
+NautilusSearchBar.info:backdrop,
+NautilusQueryEditor.info:backdrop {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (@cluebar_color, 1.01)),
+                                     to (shade (@cluebar_color, 0.99)));
+    background-color: @cluebar_color;
+    border-bottom-color: shade (@cluebar_color, 0.92);
+
+    box-shadow: inset -1px 0px shade (@cluebar_color, 1.01),
+                inset 1px 0px shade (@cluebar_color, 1.01),
+                inset 0 1px shade (@cluebar_color, 1.02),
+                inset 0 -1px shade (@cluebar_color, 1.0);
+}
+
+NautilusSearchBar .entry {
+}
+
+.nautilus-cluebar-label {
+    font: bold;
+    text-shadow: 0 1px shade (@cluebar_color, 1.06);
+}
+
+.nautilus-cluebar-label:backdrop {
+    color: mix (@fg_color, @cluebar_color, 0.2);
+    text-shadow: 0 1px shade (@cluebar_color, 1.02);
+}
+
+#nautilus-search-button *:active,
+#nautilus-search-button *:active:prelight {
+    color: @dark_fg_color;
+}
+
+NautilusFloatingBar {
+    background-color: @info_bg_color;
+    border-radius: 3px 3px 0 0;
+    border-style: solid;
+    border-width: 1px;
+    border-color: darker (@info_bg_color);
+}
+
+NautilusFloatingBar .button {
+    -GtkButton-image-spacing: 0;
+    -GtkButton-inner-border: 0;
+}
+
+/* sidebar */
+NautilusWindow .sidebar,
+NautilusWindow .sidebar .view {
+    background-color: shade (@bg_color, 0.95);
+
+    /*background-color: @bg_color;*/
+
+    color: @fg_color;
+    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.04); 
+}
+
+NautilusWindow .sidebar .frame {
+    border-width: 1px 0 0 0;
+    border-style: solid;
+    border-color: shade (@bg_color, 0.86);
+    border-radius: 0;
+}
+
+NautilusWindow .sidebar:backdrop,
+NautilusWindow .sidebar .view:backdrop {
+    color: mix (@fg_color, shade (@bg_color, 0.95), 0.2);
+    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.02); 
+}
+
+NautilusWindow .sidebar row:selected {
+    color: @selected_fg_color;
+    text-shadow: 0 1px shade (@selected_bg_color, 0.8); 
+}
+
+NautilusWindow .sidebar row:selected:backdrop {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (shade (@bg_color, 0.95), 0.94)),
+                                     to (shade (shade (@bg_color, 0.95), 0.86)));
+    border-top-color: shade (shade (@bg_color, 0.95), 0.88);
+
+    color: @fg_color;
+    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 0.96); 
+}
+
+NautilusWindow .pane-separator {
+    background-color: shade (shade (@bg_color, 0.95), 0.94);
+    border-color: @dark_bg_color;
+    border-style: solid;
+    border-width: 0;
+    box-shadow: none;
+}
+
+NautilusWindow .pane-separator:backdrop {
+    background-color: shade (shade (@bg_color, 0.95), 0.96);
+}
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/unity-greeter.css b/desktop-themes/Shiny/gtk-3.0/apps/unity-greeter.css
new file mode 100644
index 00000000..672bd85c
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/unity-greeter.css
@@ -0,0 +1,70 @@
+.lightdm.menu {
+    background-image: none;
+    background-color: alpha (black, 0.6);
+    border-color: alpha (white, 0.2);
+    border-radius: 4px;
+    padding: 1px;
+
+    color: white;
+}
+
+.lightdm-combo .menu {
+    background-color: shade (@dark_bg_color, 1.08);
+    border-radius: 0px;
+    padding: 0px;
+
+    color: white;
+}
+
+.lightdm.menu .menuitem *,
+.lightdm.menu .menuitem.check:active,
+.lightdm.menu .menuitem.radio:active {
+    color: white;
+}
+
+.lightdm.menubar {
+    background-image: none;
+    background-color: alpha (black, 0.5);
+}
+
+.lightdm-combo.combobox-entry .button,
+.lightdm-combo .cell,
+.lightdm-combo .button,
+.lightdm-combo .entry,
+.lightdm.button,
+.lightdm.entry {
+    background-image: none;
+    background-color: alpha (black, 0.3);
+    border-color: alpha (white, 0.6);
+    border-radius: 5px;
+    padding: 7px;
+
+    color: white;
+    text-shadow: none;
+}
+
+.lightdm.button,
+.lightdm.button:hover,
+.lightdm.button:active,
+.lightdm.button:active:focused,
+.lightdm.entry,
+.lightdm.entry:hover,
+.lightdm.entry:active,
+.lightdm.entry:active:focused {
+    background-image: none;
+    border-image: none;
+}
+
+.lightdm.button:focused,
+.lightdm.entry:focused {
+    -unico-focus-border-color: alpha (white, 0.9);
+    border-color: alpha (white, 0.9);
+    border-width: 1px;
+    border-style: solid;
+
+    color: white;
+}
+
+.lightdm.entry:selected {
+    background-color: alpha (white, 0.2);
+}
diff --git a/desktop-themes/Shiny/gtk-3.0/apps/unity.css b/desktop-themes/Shiny/gtk-3.0/apps/unity.css
new file mode 100644
index 00000000..9bb59aa7
--- /dev/null
+++ b/desktop-themes/Shiny/gtk-3.0/apps/unity.css
@@ -0,0 +1,97 @@
+/* Decorations */
+
+/* UnityDecoration {
+    -UnityDecoration-extents: 28px 1px 1px 1px;
+    -UnityDecoration-input-extents: 10px;
+
+    -UnityDecoration-shadow-offset-x: 1px;
+    -UnityDecoration-shadow-offset-y: 1px;
+    -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);
+    -UnityDecoration-active-shadow-radius: 15px;
+    -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);
+    -UnityDecoration-inactive-shadow-radius: 10px;
+
+    -UnityDecoration-glow-size: 10px;
+    -UnityDecoration-glow-color: rgb (221, 72, 20);
+
+    -UnityDecoration-title-indent: 10px;
+    -UnityDecoration-title-fade: 35px;
+    -UnityDecoration-title-alignment: 0.0;
+} */
+
+UnityDecoration.top {
+    border-bottom-width: 0;
+    border-radius: 6px 6px 0 0;
+    padding: 1px 8px 0 8px;
+
+    background-color: #362d25;
+
+    color: @dark_fg_color;
+    text-shadow: none;
+}
+
+UnityDecoration.top:backdrop {
+    border: 1px solid rgba (14, 13, 0, 0.098); /* @dark_bg_color - shade (#e6ddd5, 0.92) */;
+    border-bottom-width: 0;
+    background-color: transparent;
+    background-clip: border-box;
+    background-color: #e6ddd5;
+    box-shadow: none;
+    color: #807d78;
+}
+
+UnityDecoration.left,
+UnityDecoration.right {
+    background-color: shade (@bg_color, 0.7);
+    background-size: 1px 70px;
+    background-repeat: repeat-x;
+
+    /* start color: mix of the top border color and bg-image gradient end */
+    background-color: #362d25;
+}
+
+UnityDecoration.left:backdrop,
+UnityDecoration.right:backdrop {
+    /* start color: mix of the top border color and bg-image gradient end */
+    background-color: #362d25;
+}
+
+UnityDecoration.bottom {
+    background-image: none;
+    background-color: #362d25;
+}
+
+/* Panel Style */
+
+UnityPanelWidget,
+.unity-panel {
+    background-color: #e6ddd5;
+    border-top-color: shade (@dark_bg_color, 1.6);
+    border-style: solid;
+    border-width: 1px 0 0 0;
+
+    color: @dark_fg_color;
+    text-shadow: none;
+}
+
+.unity-panel.menubar,
+.unity-panel .menubar {
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+    border-width: 1px 1px 0 1px;
+    icon-shadow: 0 -1px shade (@dark_bg_color, 0.7);
+}
+
+.unity-panel.menubar:backdrop,
+.unity-panel .menubar *:backdrop {
+    color: @backdrop_dark_fg_color;
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (@dark_bg_color, 1.5)),
+                                     to (shade (@dark_bg_color, 1.11)));
+}