terminator_custom_ui_theme.md

readme.md

customize a terminator theme based on:
http://blog.nabam.net/workstation/2017/09/15/terminator_tabs/

preview: //tested on ubuntu18

usage:
copy to ~/.config/gtk-3.0/gtk.css

config

### title bar color
# edit ~/.config/terminator/config
#  or set in Preferences

[global_config]                         
  inactive_color_offset = 0.939102564103
  scroll_tabbar = True
  title_inactive_bg_color = "#555753"
  title_inactive_fg_color = "#888a85"
  title_transmit_bg_color = "#75507b"

gtk3_theme_chen.css

/*
ref http://blog.nabam.net/workstation/2017/09/15/terminator_tabs/

install
  copy to  ~/.config/gtk-3.0/gtk.css
*/

.terminator-terminal-window notebook tab {
    /*
    background-color: #222;
    */
    background-color: #45443e;
    background-color: #444444;
    background-color: #3d3c37;
    padding: 0.2em;
    border: 0;
    border-color: #444;
    border-color: #3d3c37;
    border-style: solid;
    border-width: 1px;
}

.terminator-terminal-window notebook tab:checked {
    background-color: #000;
    background-image: none;
}

.terminator-terminal-window notebook tab label {
    color: #ddd;
}

.terminator-terminal-window notebook tab:checked label {
    color: #76C802;
    font-weight: 500;
}

.terminator-terminal-window notebook tab button {
    padding: 0;
    background-color: transparent;
    color: #ccc;
}

.terminator-terminal-window notebook header {
    /*background-color: #444;*/
    background-color: #45443e;
    background-color: #444444;
    background-color: #3d3c37;
}

.terminator-terminal-window notebook tab button:hover {
  /*border: 0;*/
  background-image: none;
  border-color: #444;
  border-style: solid;
  border-width: 1px;
}


/* hide tab box border */
.terminator-terminal-window notebook header {
    border: none;
    /*border: 1px solid #444;*/
}
.terminator-terminal-window notebook stack {
    /*border: none;*/
    border: 1px solid #444;
}

/* ------- paned hanle color */
.terminator-terminal-window GtkPaned,
.terminator-terminal-window paned {
    /*-GtkPaned-handle-size: 1;*/
    /*warn: Theme parsing error: <data>:4:43: The style property GtkPaned:handle-size is deprecated and shouldn't be used ; */

    background-color: #444;
    /*border-width: 100px;*/
}

/* ------- scroll bar color */
.terminator-terminal-window scrollbar, scrollbar button {
    /*color: red;*/
    /*background-color: blue;*/
}
.terminator-terminal-window scrollbar slider {
    /*background-color: blue;*/
    background-color: #455;
    background-color: #456;
}
/*
------refs:

gtk3 css example
/usr/share/themes/Radiance/gtk-3.0/apps/gnome-terminal.css

gtk3 inspector
https://blog.gtk.org/2017/04/05/the-gtk-inspector/
https://wiki.gnome.org/action/show/Projects/GTK/Inspector?action=show&redirect=Projects%2FGTK%2B%2FInspector

errors:
(terminator:20186): Gtk-WARNING **: 18:50:07.797: Theme parsing error: <data>:4:43: The style property GtkPaned:handle-size is deprecated and shouldn't be used anymore. It will be removed in a future version
;
*/