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 gnome-themes-extra gtk-murrine-engine sassc meson glib glib2-devel
sudo dnf install imagemagick dialog optipng inkscape
----
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
• https://github.com/linuxmint/mint-themes

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 ./

HiDPI

• https://wiki.archlinux.org/index.php/HiDPI
• https://winaero.com/blog/find-change-screen-dpi-linux/
• https://computingforgeeks.com/how-to-set-correct-screen-dpi-in-linux-xresources/

sudo apt -y install x11-utils         ### Install on Debian / Ubuntu
sudo dnf -y install xorg-x11-utils    ### Install on Fedora / RHEL
---------------------------------------------------------------------
xdpyinfo | grep -B 2 resolution
xdpyinfo | grep dots
xrandr | grep -w connected

---------------------------------------------------------------------
http://dpi.lv/
https://goodcalculators.com/ppi-pixels-per-inch-calculator/
---------------------------------------------------------------------
echo 'Xft.dpi:   94'  > ~/.Xresources   ### set correct dots per inch (DPI)
---------------------------------------------------------------------
xrdb ~/.Xresources          ### Load a resource file
xrdb -merge ~/.Xresources   ### load a resource file, and merge with the current settings
xrdb -query -all            ### see the currently loaded resources

# HP-Box: 15.6" @ (1366 x 768) >> 100 DPI
# HP-Box: 17.3" @ (1366 x 768) >> 91 DPI

Fonts

• https://wiki.archlinux.org/title/font_configuration
• https://wiki.archlinux.org/title/Font_configuration/Examples

/usr/share/fonts/
~/.local/share/fonts
-----
/etc/fonts/fonts.conf
/etc/fonts/local.conf
/etc/fonts/conf.d/NN-name.conf
-----
$XDG_CONFIG_HOME/fontconfig/fonts.conf            ### ~/.fonts.conf/
$XDG_CONFIG_HOME/fontconfig/conf.d/NN-name.conf
-----
~/.config/fontconfig/fonts.conf

sudo dnf install open-sans-fonts
sudo dnf install google-roboto-fonts
sudo dnf install google-roboto-mono-fonts
sudo dnf install google-noto-sans-fonts
--------------------------------------------------------
https://github.com/microsoft/cascadia-code/releases          ### "Cascadia Mono Regular" @ 12
wget https://download.jetbrains.com/fonts/JetBrainsMono-1.0.0.zip
wget https://raw.githubusercontent.com/mrbvrz/segoe-ui-linux/master/install.sh
--------------------------------------------------------
sudo fc-cache -f -v

--------------------------------------------
Text scaling factor: 1.0
Hinting: Full
Antialiasing: RGBA
RGBA Order: RGB
--------------------------------------------
Interface Text: @10
Document font: @10
Monospace font: @10
Legacy Window Titels: @10
--------------------------------------------

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;
}