Skip to content
This repository has been archived by the owner on May 22, 2019. It is now read-only.

Commit

Permalink
Basic MATE Gtk3 support (numixproject#473)
Browse files Browse the repository at this point in the history
* * Match Metacity theme color

* [Gtk3] Add MATE support
(cherry picked from commit numixproject/numix-gtk-theme@1315b5f)
  • Loading branch information
XRevan86 authored and lots0logs committed Jun 12, 2016
1 parent b948791 commit 1f9f677
Show file tree
Hide file tree
Showing 5 changed files with 179 additions and 26 deletions.
19 changes: 6 additions & 13 deletions gtk-3.0/gtk.gresource.xml
Original file line number Diff line number Diff line change
Expand Up @@ -26,26 +26,19 @@
<file preprocess='to-pixdata'>assets/menuitem-radio-checked-hover.png</file>
<file preprocess='to-pixdata'>assets/menuitem-radio-checked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/menuitem-radio-checked.png</file>
<file preprocess='to-pixdata'>assets/radio-selected-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-selected-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-selected-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-selected.png</file>
<file preprocess='to-pixdata'>assets/pane-handle.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-checked.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-checked.png</file>
<file>dist/gtk.css</file>
<file>dist/gtk-dark.css</file>
</gresource>
Expand Down
81 changes: 81 additions & 0 deletions gtk-3.0/scss/apps/_mate-applications.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
@import "panel";

/****************
! MATE styles *
*****************/

@include exports("mate-applications") {
.mate-panel-menu-bar {
@extend %panel;

border: 0;
padding: 0;
text-shadow: none;
}

MatePanelApplet .label,
PanelMenuBar.menubar > .menuitem {
color: $panel_fg_color;
}

PanelSeparator, MatePanelAppletFrameDBus {
border-width: 0;
color: transparent;
background-image: -gtk-scaled(url("../assets/pane-handle.png"));
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
}

MatePanelApplet .button,
MatePanelApplet .button.flat,
MatePanelApplet .button.toggle
MatePanelApplet .button.flat.toggle {
background-image: none;
background-color: transparent;
border-color: transparent;
border-style: solid;
border-radius: 0;
border-width: 1px;
color: $panel_fg_color;
text-shadow: none;
box-shadow: none;
padding: 2px;
}

MatePanelApplet .button:hover:active,
MatePanelApplet .button:checked,
MatePanelApplet .button:checked:hover,
MatePanelApplet .button.flat:hover:active,
MatePanelApplet .button.flat:checked,
MatePanelApplet .button.flat:checked:hover,
MatePanelApplet .button.toggle:hover:active,
MatePanelApplet .button.toggle:checked,
MatePanelApplet .button.toggle:checked:hover,
MatePanelApplet .button.flat.toggle:hover:active,
MatePanelApplet .button.flat.toggle:checked,
MatePanelApplet .button.flat.toggle:checked:hover {
background-image: none;
background-color: darker($panel_bg_color);
border-color: transparent;
border-radius: 0;
border-width: 1px;
color: lighter($panel_fg_color);
text-shadow: none;
padding: 2px;
}

MatePanelApplet .button:hover,
MatePanelApplet .button.flat:hover,
MatePanelApplet .button.toggle:hover,
MatePanelApplet .button.flat.toggle:hover {
background-image: none;
background-color: shade($panel_bg_color, 1.3);
border-color: transparent;
border-radius: 0;
border-width: 1px;
color: $selected_fg_color;
text-shadow: none;
padding: 2px;
}
}
19 changes: 6 additions & 13 deletions gtk-3.20/gtk.gresource.xml
Original file line number Diff line number Diff line change
Expand Up @@ -26,26 +26,19 @@
<file preprocess='to-pixdata'>assets/menuitem-radio-checked-hover.png</file>
<file preprocess='to-pixdata'>assets/menuitem-radio-checked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/menuitem-radio-checked.png</file>
<file preprocess='to-pixdata'>assets/radio-selected-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-selected-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-selected-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-selected.png</file>
<file preprocess='to-pixdata'>assets/pane-handle.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-checked.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-mixed.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-unselected.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-unchecked.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive-dark.png</file>
<file preprocess='to-pixdata'>assets/radio-checked-insensitive.png</file>
<file preprocess='to-pixdata'>assets/radio-checked.png</file>
<file>dist/gtk.css</file>
<file>dist/gtk-dark.css</file>
</gresource>
Expand Down
1 change: 1 addition & 0 deletions gtk-3.20/scss/_widgets.scss
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@
@import "widgets/view";
@import "widgets/window";

@import "apps/mate-applications";
@import "apps/cinnamon-applications";
@import "apps/unity-greeter";
@import "apps/gedit";
Expand Down
85 changes: 85 additions & 0 deletions gtk-3.20/scss/apps/_mate-applications.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
@import "panel";

/****************
! MATE styles *
*****************/

@include exports("mate-applications") {
.mate-panel-menu-bar {
@extend %panel;

border: 0;
padding: 0;
text-shadow: none;
}

#PanelApplet label,
.mate-panel-menu-bar menubar > menuitem {
color: $panel_fg_color;
}

PanelSeparator, MatePanelAppletFrameDBus {
border-width: 0;
color: transparent;
background-image: -gtk-scaled(url("../assets/pane-handle.png"));
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
}

#PanelApplet button,
#PanelApplet button.flat,
#PanelApplet button.toggle
#PanelApplet button.flat.toggle {
background-image: none;
background-color: transparent;
border-color: transparent;
border-style: solid;
border-radius: 0;
border-width: 1px;
color: $panel_fg_color;
text-shadow: none;
box-shadow: none;
padding: 2px;
}

#PanelApplet button:hover:active,
#PanelApplet button:checked,
#PanelApplet button:checked:hover,
#PanelApplet button.flat:hover:active,
#PanelApplet button.flat:checked,
#PanelApplet button.flat:checked:hover,
#PanelApplet button.toggle:hover:active,
#PanelApplet button.toggle:checked,
#PanelApplet button.toggle:checked:hover,
#PanelApplet button.flat.toggle:hover:active,
#PanelApplet button.flat.toggle:checked,
#PanelApplet button.flat.toggle:checked:hover {
background-image: none;
background-color: darker($panel_bg_color);
border-color: transparent;
border-radius: 0;
border-width: 1px;
color: lighter($panel_fg_color);
text-shadow: none;
padding: 2px;
}

#PanelApplet button:hover,
#PanelApplet button.flat:hover,
#PanelApplet button.toggle:hover,
#PanelApplet button.flat.toggle:hover {
background-image: none;
background-color: shade($panel_bg_color, 1.3);
border-color: transparent;
border-radius: 0;
border-width: 1px;
color: $selected_fg_color;
text-shadow: none;
padding: 2px;
}

.mate-panel-menu-bar menubar > menuitem {
padding: 3px 7px;
}
}

0 comments on commit 1f9f677

Please sign in to comment.