IT-OS-Config-Themes

Ref.

• http://www.svgs.us/
• http://www.ubuntubuzz.com/2019/03/ubuntus-yaru-theme-on-fedora.html
• https://developer.gnome.org/creating-metacity-themes/stable/
• https://developer.gnome.org/icon-theme-spec/
• https://docs.openstack.org/devstack/latest/_static/css/native.css
• https://git.archlinux.org/vhosts/wiki.archlinux.org.git
• https://gtkthemingguide.now.sh/#/
• https://iconset.io/
• https://mayccoll.github.io/Gogh/
• https://medium.com/@teejeetech/introducing-aptik-theme-manager-b99704cbcb43
• https://nucleoapp.com/
• https://rgb.to/
• https://sketchicons.com/
• https://surajmandal.in/elementary-x/
• https://wiki.archlinux.org/index.php/GTK
• https://wiki.archlinux.org/index.php/Icons
• https://wiki.gnome.org/Attic/GnomeArt/Tutorials/MetacityThemes
• https://www.lingoapp.com/

Theme-Tools

sudo dnf install meson sassc glib
sudo dnf install gtk3-widget-factory
sudo dnf install gtk3-icon-browser 
sudo apt-get install glade libgtk-3-dev geany

Theme-Projects

• https://github.com/andreisergiu98/arc-flatabulous-theme
• https://github.com/btd1337/Cairo-Dock-macOS-Sierra-Style
• https://github.com/btd1337/eOS-Sierra-Gtk
• https://github.com/btd1337/La-Sierra-Icon-Theme
• https://github.com/horst3180/Arc-theme
• https://github.com/jnsh/arc-theme
• https://github.com/keeferrourke/la-capitaine-icon-theme
• https://github.com/surajmandalcell/elementary-x
• https://github.com/themix-project/oomox
• https://github.com/thomas-kammerer/elementary-x2
• https://github.com/ubuntu/yaru
• https://github.com/vinceliuice/
• https://github.com/vinceliuice/grub2-themes
• https://github.com/vinceliuice/Mojave-gtk-theme
• https://github.com/vinceliuice/Sierra-gtk-theme
• https://github.com/vinceliuice/Toffee-gtk-theme
• https://github.com/vinceliuice/Yosemite-gtk-theme

Theme-Settings

Terminal

• https://draculatheme.com/

dconf dump /com/gexperts/Tilix/profiles/
dconf dump /org/gnome/terminal/legacy/profiles:/

Icons

• https://www.iconfinder.com/iconsets/animal-kingdom-vol-2
• Inherits=Moka,Adwaita,gnome,hicolor

gtk-update-icon-cache ./

Theme-Tweaks

Mix

background-color: #333
background-color: #f5f5f5

Desktop

pre {
background-color: #333;
border: 1px solid #ccc;
border-radius: 4px;
color: #fff;
display: block;
font-size: 13px;
line-height: 1.4;
margin: 0 0 10px;
margin: 0 0 10px;
overflow: auto;
padding: 20px 30px;
padding: 9.5px;
word-break: break-all;
word-wrap: break-word;
}

Scrollbar

nano ~/.config/gtk-3.0/gtk.css
--------------------------------------------
@import 'colors.css';

.scrollbar {
  -GtkScrollbar-has-backward-stepper: false;
  -GtkScrollbar-has-forward-stepper: false;
  -GtkRange-slider-width: 20;
  -GtkRange-stepper-size: 20;
}

scrollbar slider {
    /* Size of the slider */
    min-width: 10px;
    min-height: 10px;
    border-radius: 22px;

    /* Padding around the slider */
    border: 5px solid transparent;
}
--------------------------------------------

Titelbar

• https://unix.stackexchange.com/questions/276951/how-to-change-the-titlebar-height-in-standard-gtk-apps-and-those-with-headerbars?noredirect=1&lq=1

nano ~/.config/gtk-3.0/gtk.css
--------------------------------------------
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 0px;
}

headerbar {
    min-height: 24px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
    margin: 0px; /* same as headerbar side padding for nicer proportions */
    padding: 0px;
}

Remove Dashed lines

nano ~/.config/gtk-3.0/gtk.css
--------------------------------------------
undershoot.top, undershoot.right, undershoot.bottom, undershoot.left { background-image: none; }

Change wingpanel icon

.panel {
  background-color: transparent;
  transition: all 100ms ease-in-out;
  background-image: url("elementaryicon.png");
  background-repeat: no-repeat;
  font-size:0px !important;
}
.panel-app-button > GtkWidget > GtkWidget:first-child {
    padding: 0px 24px 0px 0px;
    font-size: 0px;
    background-image: url("icon.svg");
    background-repeat: no-repeat;
}