From d7569cb524a58af67f14ac0e81538f2cd8ea8133 Mon Sep 17 00:00:00 2001
From: Ruben Rodriguez <ruben@trisquel.info>
Date: Thu, 2 Dec 2021 22:19:30 -0500
Subject: [PATCH] Added make-greybird-gtk-theme for new Trisquel gtk theme
---
helpers/DATA/greybird-gtk-theme/mate.scss | 382 ++++++++++++++++++++++
helpers/make-greybird-gtk-theme | 80 +++++
2 files changed, 462 insertions(+)
create mode 100644 helpers/DATA/greybird-gtk-theme/mate.scss
create mode 100644 helpers/make-greybird-gtk-theme
diff --git a/helpers/DATA/greybird-gtk-theme/mate.scss b/helpers/DATA/greybird-gtk-theme/mate.scss
new file mode 100644
index 00000000..99309780
--- /dev/null
+++ b/helpers/DATA/greybird-gtk-theme/mate.scss
@@ -0,0 +1,382 @@
+
+/*********************
+ * CAJA File manager *
+ *********************/
+
+
+/* pathbar */
+/* pathbar buttons */
+.caja-pathbar button {
+ padding: 4px;
+}
+
+
+.caja-pathbar button.slider-button:nth-child(odd) {
+ border-radius: 3px 0px 0px 3px;
+ margin: 0px -2px 0px 1px;
+}
+
+.caja-pathbar button.slider-button:nth-child(even) {
+ border-radius: 0 3px 3px 0;
+ /* remove left border */
+ margin: 0px 1px 0px -2px;
+}
+
+/* remove box shadow from last-child */
+.caja-pathbar button.slider-button:disabled:nth-child(even) {
+ box-shadow: none;
+}
+
+/* folder buttons */
+.caja-pathbar button.toggle.text-button,
+.caja-pathbar button.toggle.text-button.image-button {
+ border-radius: 0px;
+ margin: 0px -2px 0px -2px;
+}
+
+/* places, treeview, history, information, emblems and notes */
+.caja-side-pane notebook treeview.view{
+ background-color: $sidebar_bg_color;
+ color: $fg_color;
+}
+.caja-side-pane notebook treeview.view:selected{
+ color: $fg_color;
+ background-image: linear-gradient(to bottom,
+ shade($sidebar_bg_color, 0.87),
+ shade($sidebar_bg_color, 0.95) 10%,
+ shade($sidebar_bg_color, 0.99) 92%,
+ shade($sidebar_bg_color, 0.92)
+ );
+ border-top: 1px solid shade($bg_color, 0.85);
+ border-bottom: 1px solid shade($bg_color, 1.12);
+}
+.caja-side-pane notebook treeview.view:hover{
+ background-color: shade($sidebar_bg_color, 0.9);
+}
+
+
+/* treeview rows */
+.caja-side-pane treeview.view {
+ padding: 4px 0px 4px 0px;
+}
+
+/* to avoid overlap with eject buttons */
+.caja-side-pane scrolledwindow scrollbar.vertical.left.overlay-indicator,
+.caja-side-pane scrolledwindow scrollbar.vertical.left.overlay-indicator trough,
+.caja-side-pane scrolledwindow scrollbar.vertical.left.overlay-indicator slider,
+.caja-side-pane scrolledwindow scrollbar.vertical.left.overlay-indicator button {
+ min-width: 8px;
+}
+
+
+/* rows and header in listview */
+.caja-notebook treeview.view header button {
+ border-width: 1px 1px 1px 0px;
+}
+
+/****************
+ * Mate-Panel *
+ ****************/
+
+/* first make all transparent */
+.mate-panel-menu-bar,
+.mate-panel-menu-bar menubar,
+.mate-panel-menu-bar menuitem,
+#PanelPlug,
+#PanelApplet button,
+PanelToplevel.background {
+ border-image: none;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none;
+}
+
+/* let's start it */
+#PanelPlug,
+.mate-panel-menu-bar,
+PanelToplevel.background {
+ background-color: transparent;
+ background-image: none;
+ color: $fg_color;
+ text-shadow: none;
+}
+
+/* workaround to avoid unwanted black frames if switching compositor on/off */
+.mate-panel-menu-bar .csd.popup decoration {
+ box-shadow: none;
+}
+
+/* hide buttons */
+PanelToplevel > grid > button {
+ background: transparent;
+ border-image: none;
+ border-radius: 0px;
+ border-width: 0px;
+ padding: 0px;
+ box-shadow: none;
+}
+
+PanelToplevel > grid > button:hover,
+PanelToplevel > grid > button:hover:active {
+ background-image: linear-gradient(to bottom,
+ shade($selected_bg_color, 0.86),
+ shade($selected_bg_color, 0.26));
+ color: shade($selected_fg_color, 1.00);
+ border-width: 0px;
+}
+
+#PanelApplet {
+ border-width: 0;
+}
+
+PanelSeparator {
+ border-width: 0;
+ background-color: $bg_color;
+ color: shade($fg_color, 4.30);
+ text-shadow: none;
+}
+
+
+/* this makes text readable with all kind of wallpapers if using a transparent panel */
+#PanelApplet label,
+.mate-panel-menu-bar menubar > menuitem {
+ text-shadow: 1px 1px transparentize(black, 0.2);
+ color:white;
+}
+
+/* outlines */
+window.background, /* selector where outlines are writen on GtkTrayIcon */
+.mate-panel-menu-bar menubar,
+.mate-panel-menu-bar button,
+.mate-panel-menu-bar PanelApplet {
+ outline-style: solid;
+ outline-offset: -2px;
+ outline-color: shade($selected_bg_color, 1.0);
+}
+
+/* main menu */
+/* set normal menubar button */
+.mate-panel-menu-bar menubar > menuitem {
+ transition: all 300ms ease-out;
+ text-shadow: none;
+ font-weight: normal;
+ padding: 4px;
+}
+
+/* set normal menubar menuitem */
+.mate-panel-menu-bar menubar menu menuitem {
+ padding: 6px;
+ font-weight: normal;
+}
+
+/* all applets */
+/* needed for mate-menu/mintmenu/wnck-tasklist to override a wildcard at line 37 gtk-widgets.css */
+#PanelApplet:selected,
+#PanelApplet #tasklist-button * {
+ color: white;
+}
+
+.mate-panel-menu-bar #PanelApplet button,
+.mate-panel-menu-bar #PanelApplet button.flat,
+.mate-panel-menu-bar #PanelApplet button.toggle,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle {
+ color: white;
+ transition: all 400ms ease-out;
+ background-image: none;
+ background-color: transparent;
+ border-image: none;
+ border-style: solid;
+ border-width: 1px 0px 0px 0px;
+ border-radius: 0px;
+ text-shadow: none;
+ -GtkWidget-window-dragging: true;
+ padding: 4px 4px 4px 4px;
+ min-width: 44px; /* margings on the "show desktop" button */
+ min-height:20px; /* Important to allow for 2 rows of items in windowlist applet */
+}
+
+.mate-panel-menu-bar #PanelApplet button:checked,
+.mate-panel-menu-bar #PanelApplet button:checked:hover,
+.mate-panel-menu-bar #PanelApplet button:hover:active,
+.mate-panel-menu-bar #PanelApplet button.flat:checked,
+.mate-panel-menu-bar #PanelApplet button.flat:checked:hover,
+.mate-panel-menu-bar #PanelApplet button.flat:hover:active,
+.mate-panel-menu-bar #PanelApplet button.toggle:checked,
+.mate-panel-menu-bar #PanelApplet button.toggle:checked:hover,
+.mate-panel-menu-bar #PanelApplet button.toggle:hover:active,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:checked,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:checked:hover,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover:active {
+ background-image: linear-gradient(to bottom,
+ transparentize($panelgradient_color, 0.8),
+ transparentize(white, 0.7));
+ background-color: transparent;
+ color: white;
+ border-color:transparentize(white, 0.7);
+ border-style: solid;
+ border-width: 1px 0px 0px 0px;
+ border-radius: 3px;
+ text-shadow: none;
+ padding: 0px;
+ margin:10px;
+}
+
+.mate-panel-menu-bar #PanelApplet button:hover,
+.mate-panel-menu-bar #PanelApplet button.flat:hover,
+.mate-panel-menu-bar #PanelApplet button.toggle:hover,
+.mate-panel-menu-bar #PanelApplet button.flat.toggle:hover {
+ background-image: linear-gradient(to bottom,
+ transparentize(white, 0.7),
+ transparentize($panelgradient_color, 0.8));
+ background-color: transparent;
+ color: white;
+ border-color: transparentize(white, 0.5);
+ border-style: inset;
+ border-width: 1px 0px 0px 0px;
+ border-radius: 3px;
+ text-shadow: none;
+ padding: 4px 4px 4px 4px;
+}
+
+/* indicator applets */
+.mate-panel-menu-bar menubar > menuitem:hover:active,
+.mate-panel-menu-bar menubar > menuitem:hover {
+ background-image: linear-gradient(to bottom,
+ transparentize(white, 0.7),
+ transparentize(black, 0.5));
+ background-color: transparent;
+ color: white;
+ border-image: none;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 1px;
+ border-color:transparent;
+ text-shadow: none;
+ padding: 4px 4px 4px 4px;
+}
+
+
+/* WnckPager */
+PanelApplet.wnck-applet .wnck-pager {
+ color: shade($selected_fg_color, 1.30);
+ background-color: shade($bg_color, 0.4);
+ text-shadow: none;
+ outline-color: shade($base_color, 1.0);
+}
+
+/* selected WnckPager */
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: $selected_bg_color;
+}
+
+/* prelight of WnckPager */
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: shade($bg_color, 0.6);
+}
+
+#clock-applet-button.flat.toggle > box.horizontal > label {
+ font-weight: normal;
+}
+
+#MatePanelPopupWindow {
+ border-radius: 3px;
+}
+
+#MatePanelPopupWindow frame border {
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ border-color: shade($borders_color, 0.95);
+}
+
+/* Weird, this sets the border color of the clockmap */
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: $borders_color;
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 1px; /*any more and outlines get cut off*/
+}
+
+/* remove right space a bit */
+na-tray-applet > widget > box {
+ margin: 1px 2px 1px 1px;
+}
+
+/* no background for icon-padding area */
+na-tray-applet widget box widget {
+ background-color: transparent;
+}
+
+/* Classic icon style */
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+/* make the volume indicator icon more visible */
+.mate-panel-menu-bar menubar > menuitem * * * {
+ -gtk-icon-shadow: 0 0 2px black;
+}
+
+/* volume applet, brightness applet */
+.mate-panel-applet-slider {
+ background: transparent;
+}
+
+.mate-panel-applet-slider > frame {
+ background-color: $bg_color;
+ border-radius:3px;
+ padding: 0px;
+ margin: 0px;
+}
+
+.mate-panel-applet-slider > frame > border {
+ border-image: none;
+ border-style: solid;
+ border-radius:3px;
+ padding: 2px;
+}
+
+.mate-panel-applet-slider > frame > frame > border {
+ background-color:transparent;
+ border-style: none;
+ box-shadow: none;
+}
+
+.mate-panel-applet-slider > frame > button {
+ color: $fg_color;
+}
+
+/* mate-menu, mintmenu */
+#mintmenu.background,
+#mate-menu.background {
+ border-color: $borders_color;
+ border-style: solid;
+ border-width: 1px;
+}
+
+#mintmenu.background button,
+#mintmenu.background button.flat,
+#mate-menu.background button,
+#mate-menu.background button.flat {
+ padding: 3px 1px;
+ border-width: 2px;
+}
+
+#mintmenu.background scrollbar.vertical button,
+#mate-menu.background scrollbar.vertical button {
+ padding: 1px 0px;
+}
+
+#mintmenu.background scrolledwindow,
+#mate-menu.background scrolledwindow {
+ border-color: $borders_color;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0px;
+}
+
+#mintmenu.background notebook.frame scrolledwindow,
+#mate-menu.background notebook.frame scrolledwindow {
+ border-style: none;
+}
diff --git a/helpers/make-greybird-gtk-theme b/helpers/make-greybird-gtk-theme
new file mode 100644
index 00000000..796db550
--- /dev/null
+++ b/helpers/make-greybird-gtk-theme
@@ -0,0 +1,80 @@
+#!/bin/sh
+#
+# Copyright (C) 2021 Ruben Rodriguez <ruben@trisquel.info>
+#
+# This program is free software; you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation; either version 2 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
+
+
+VERSION=1
+EXTERNAL='deb-src http://archive.ubuntu.com/ubuntu impish main universe'
+
+. ./config
+
+sed '/debhelper-compat/s/13/12/' -i debian/control
+
+#highlight color
+sed 's/#398ee7/#6699CC/g' -i light/gtk-3.0/_colors.scss
+
+#custom mate-panel and other mate enhancements
+cat $DATA/mate.scss >> light/gtk-3.0/_others.scss
+cat $DATA/mate.scss >> dark/gtk-3.0/_others.scss
+echo '$panelgradient_color: #555555;' >> light/gtk-3.0/_colors.scss
+echo '@define-color content_view_bg #{"" + $panelgradient_color};' >> light/gtk-3.0/_colors_public.scss
+echo '@define-color content_view_bg #{"" + $panelgradient_color};' >> dark/gtk-3.0/_colors_public.scss
+
+#main background: trisquel grey, dark version desaturated
+sed '/bg_color/s/#cecece, #3b3e3f/#D4D4D4, #3b3b3b/' -i light/gtk-3.0/_colors.scss
+
+#increase contrast on gtk notebooks
+sed 's/shade($bg_color, 1.05);/shade($bg_color, 1.13);/' -i light/gtk-3.0/_common.scss
+
+#border contrast
+sed '/^\$backdrop_borders_color/s/90%/50%/' -i light/gtk-3.0/_colors.scss
+
+#thicker progress bars
+sed '/progress.*min/s/8px/10px/' -i light/gtk-3.0/_common.scss
+sed '/trough.*min/s/6px/8px/' -i light/gtk-3.0/_common.scss
+
+#gradient on menu bar
+sed '/Menus/,/^}/s/&:backdrop.*/background-image: linear-gradient(to bottom, $bg_color ,shade($bg_color, 0.95));/' -i light/gtk-3.0/_common.scss
+sed '/headerbar_fill/,/}/s/linear-gradient(to bottom, $c/linear-gradient(to bottom, shade($c, 0.95)/' -i light/gtk-3.0/_drawing.scss
+sed '/headerbar_fill/,/}/s/@if $variant.*//' -i light/gtk-3.0/_drawing.scss
+sed 's/^$headerbar_color:.*/$headerbar_color: $bg_color;/' -i light/gtk-3.0/_colors.scss
+
+#make buttons stand up more
+sed '/normal button$/,/ }/s/1.02), 1.05/1.02), 1.1/; s/1.15), 0.97/1.02), 0.95/' -i light/gtk-3.0/_drawing.scss
+sed '/normal button$/,/ }/s/$_button_edge/ inset 0 -1px 1px transparentize(black, 0.9)/' -i light/gtk-3.0/_drawing.scss
+
+#more space on menus
+sed '/ menuitem {/,/padding/s/min-height: 16px;/min-height: 18px;/' -i light/gtk-3.0/_common.scss
+
+#smaller menu arrows
+sed '/submenu indicators/,/^$/s/16px/10px/' -i light/gtk-3.0/_common.scss
+
+#grey menus
+sed '/$menu_color/s/18/7/' -i light/gtk-3.0/_colors.scss
+
+#border on side panel top, gtk file chooser
+sed '/^placessidebar/,/^$/s/border-style: none;/border-width:1px 0px 0px 0px/' -i light/gtk-3.0/_common.scss
+
+#TODO
+#dark theme panel correction
+#dark theme darkbar
+
+
+changelog "Customized for Trisquel"
+
+compile
+
--
GitLab