add Mate OSD window styling

7 files changed, 98 insertions, 0 deletions

diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css
index 198b0e6..60db2ca 100644
--- a/common/gtk-3.0/3.20/gtk-dark.css
+++ b/common/gtk-3.0/3.20/gtk-dark.css
@@ -3393,6 +3393,19 @@ gf-candidate-box:hover, gf-candidate-box:selected {
   background-color: #5294e2;
   border-radius: 2px; }
 
+MsdOsdWindow.background.osd {
+  border-radius: 2px;
+  border: 1px solid rgba(35, 38, 46, 0.95); }
+  MsdOsdWindow.background.osd .progressbar {
+    background-color: #5294e2;
+    border: none;
+    border-color: red;
+    border-radius: 5px; }
+  MsdOsdWindow.background.osd .trough {
+    background-color: rgba(42, 45, 55, 0.95);
+    border: none;
+    border-radius: 5px; }
+
 .mate-panel-menu-bar, .mate-panel-menu-bar menubar,
 panel-toplevel.background,
 panel-toplevel.background menubar {
diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css
index bc2691f..a859fd4 100644
--- a/common/gtk-3.0/3.20/gtk-darker.css
+++ b/common/gtk-3.0/3.20/gtk-darker.css
@@ -3392,6 +3392,19 @@ gf-candidate-box:hover, gf-candidate-box:selected {
   background-color: #5294e2;
   border-radius: 2px; }
 
+MsdOsdWindow.background.osd {
+  border-radius: 2px;
+  border: 1px solid rgba(35, 38, 46, 0.95); }
+  MsdOsdWindow.background.osd .progressbar {
+    background-color: #5294e2;
+    border: none;
+    border-color: red;
+    border-radius: 5px; }
+  MsdOsdWindow.background.osd .trough {
+    background-color: rgba(42, 45, 55, 0.95);
+    border: none;
+    border-radius: 5px; }
+
 .mate-panel-menu-bar, .mate-panel-menu-bar menubar,
 panel-toplevel.background,
 panel-toplevel.background menubar {
diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css
index bfcc985..8afebb7 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -3393,6 +3393,19 @@ gf-candidate-box:hover, gf-candidate-box:selected {
   background-color: #5294e2;
   border-radius: 2px; }
 
+MsdOsdWindow.background.osd {
+  border-radius: 2px;
+  border: 1px solid #23262e; }
+  MsdOsdWindow.background.osd .progressbar {
+    background-color: #5294e2;
+    border: none;
+    border-color: red;
+    border-radius: 5px; }
+  MsdOsdWindow.background.osd .trough {
+    background-color: #2a2d37;
+    border: none;
+    border-radius: 5px; }
+
 .mate-panel-menu-bar, .mate-panel-menu-bar menubar,
 panel-toplevel.background,
 panel-toplevel.background menubar {
diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css
index 47a287a..becacd4 100644
--- a/common/gtk-3.0/3.20/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.20/gtk-solid-darker.css
@@ -3392,6 +3392,19 @@ gf-candidate-box:hover, gf-candidate-box:selected {
   background-color: #5294e2;
   border-radius: 2px; }
 
+MsdOsdWindow.background.osd {
+  border-radius: 2px;
+  border: 1px solid #23262e; }
+  MsdOsdWindow.background.osd .progressbar {
+    background-color: #5294e2;
+    border: none;
+    border-color: red;
+    border-radius: 5px; }
+  MsdOsdWindow.background.osd .trough {
+    background-color: #2a2d37;
+    border: none;
+    border-radius: 5px; }
+
 .mate-panel-menu-bar, .mate-panel-menu-bar menubar,
 panel-toplevel.background,
 panel-toplevel.background menubar {
diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css
index 30fe0c7..40d8c4d 100644
--- a/common/gtk-3.0/3.20/gtk-solid.css
+++ b/common/gtk-3.0/3.20/gtk-solid.css
@@ -3396,6 +3396,19 @@ gf-candidate-box:hover, gf-candidate-box:selected {
   background-color: #5294e2;
   border-radius: 2px; }
 
+MsdOsdWindow.background.osd {
+  border-radius: 2px;
+  border: 1px solid #23262e; }
+  MsdOsdWindow.background.osd .progressbar {
+    background-color: #5294e2;
+    border: none;
+    border-color: red;
+    border-radius: 5px; }
+  MsdOsdWindow.background.osd .trough {
+    background-color: #2a2d37;
+    border: none;
+    border-radius: 5px; }
+
 .mate-panel-menu-bar, .mate-panel-menu-bar menubar,
 panel-toplevel.background,
 panel-toplevel.background menubar {
diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css
index 2140fbd..26d5c6c 100644
--- a/common/gtk-3.0/3.20/gtk.css
+++ b/common/gtk-3.0/3.20/gtk.css
@@ -3396,6 +3396,19 @@ gf-candidate-box:hover, gf-candidate-box:selected {
   background-color: #5294e2;
   border-radius: 2px; }
 
+MsdOsdWindow.background.osd {
+  border-radius: 2px;
+  border: 1px solid rgba(35, 38, 46, 0.95); }
+  MsdOsdWindow.background.osd .progressbar {
+    background-color: #5294e2;
+    border: none;
+    border-color: red;
+    border-radius: 5px; }
+  MsdOsdWindow.background.osd .trough {
+    background-color: rgba(42, 45, 55, 0.95);
+    border: none;
+    border-radius: 5px; }
+
 .mate-panel-menu-bar, .mate-panel-menu-bar menubar,
 panel-toplevel.background,
 panel-toplevel.background menubar {
diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss
index 2f4e4cb..5d221c4 100644
--- a/common/gtk-3.0/3.20/sass/_applications.scss
+++ b/common/gtk-3.0/3.20/sass/_applications.scss
@@ -499,6 +499,26 @@ gf-candidate-box {
 }
 
 //
+// Mate OSD Window
+//
+MsdOsdWindow.background.osd {
+  border-radius: 2px;
+  border: 1px solid darken($osd_bg_color, 8%);
+
+  .progressbar {
+    background-color: $selected_bg_color;
+    border: none;
+    border-color: red;
+    border-radius: 5px;
+  }
+  .trough {
+    background-color: darken($osd_bg_color, 5%);
+    border: none;
+    border-radius: 5px;
+  }
+}
+
+//
 // Mate/Gnome Flashback Panel
 //
 .mate-panel-menu-bar,