gtk.css

/* GTK NAMED COLORS
   ----------------
   use responsibly! */
/*
widget text/foreground color */
@define-color theme_fg_color #ff0000;
/*
text color for entries, views and content in general */
@define-color theme_text_color #f32627;
/*
widget base background color */
@define-color theme_bg_color #00ff00;
/*
text widgets and the like base background color */
@define-color theme_base_color #fcfcfc;
/*
base background color of selections */
@define-color theme_selected_bg_color #c5cbd8;
/*
text/foreground color of selections */
@define-color theme_selected_fg_color #fcfcfc;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #d8dadd;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color rgba(32, 235, 35, 0.8);
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color rgba(32, 35, 235, 0.7);
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #c5cbd8;
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #c5cbd8;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #2a2e33;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #fcfcfc;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5);
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #fcfcfc;
/*
widgets main borders color */
@define-color borders #bcfebf;
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders #4b5466;
/*
widgets main borders color insensitive */
@define-color insensitive_borders rgba(170, 173, 174, 0.35);
/*
these are pretty self explicative */
@define-color warning_color #f67400;
@define-color error_color #da4453;
@define-color success_color #27ae60;
@define-color content_view_bg #fcfcfc;
* {
  padding: 0;
  -GtkToolButton-icon-spacing: 4;
  -GtkTextView-error-underline-color: #da4453;
  -GtkButton-child-displacement-x: 0;
  -GtkButton-child-displacement-y: 0;
  -GtkCheckButton-indicator-size: 18;
  -GtkCheckMenuItem-indicator-size: 18;
  -GtkScrolledWindow-scrollbar-spacing: 0;
  -GtkScrolledWindow-scrollbars-within-bevel: 0;
  -GtkScrolled-window-overlay-scrolling: FALSE;
  -GtkToolItemGroup-expander-size: 11;
  -GtkExpander-expander-size: 16;
  -GtkTreeView-expander-size: 11;
  -GtkTreeView-horizontal-separator: 4;
  -GtkWidget-text-handle-width: 20;
  -GtkWidget-text-handle-height: 20;
  -GtkDialog-button-spacing: 4;
  -GtkDialog-action-area-border: 0;
  -GtkStatusbar-shadow-type: none;
  outline-width: 0px; }

/***************
 * Base States *
 ***************/
.background {
  color: #c5cbd8;
  background-color: #2a2e33; }
  .background:backdrop {
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #c5cbd8;
    background-color: #2a2e33; }

/*
   These wildcard seems unavoidable, need to investigate.
   Wildcards are bad and troublesome, use them with care,
   or better, just don't.
   Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
  -gtk-icon-effect: dim; }

.gtkstyle-fallback {
  background-color: #2a2e33;
  color: #c5cbd8; }
  .gtkstyle-fallback:hover {
    background-color: white;
    color: #c5cbd8; }
  .gtkstyle-fallback:active {
    background-color: #d4d7d9;
    color: #c5cbd8; }
  .gtkstyle-fallback:disabled {
    background-color: #d8dadd;
    color: rgba(32, 35, 35, 0.35); }
  .gtkstyle-fallback:selected {
    background-color: #c5cbd8;
    color: #fcfcfc; }

.view text,
textview text,
.view {
  color: #c5cbd8;
  background-color: #171a1d; }
  .view text:backdrop,
  textview text:backdrop,
  .view:backdrop {
    color: #c5cbd8;
    background-color: #171a1d; }
  .view text:disabled,
  textview text:disabled,
  .view:disabled {
    color: rgba(32, 35, 35, 0.35); }
  .view text:selected:focus,
  textview text:selected:focus, .view text:selected,
  textview text:selected,
  .view:selected:focus,
  .view:selected {
    border-radius: 3px; }

textview border {
  background-color: #fcfcfc;
  background-image: image(#4b5466);
  background-repeat: no-repeat; }
  textview border:backdrop {
    background-color: #fcfcfc; }
  textview border.bottom {
    background-size: 100% 1px;
    background-position: top; }
  textview border.top {
    background-size: 100% 1px;
    background-position: bottom; }
  textview border.left {
    background-size: 1px 100%;
    background-position: right; }
  textview border.right {
    background-size: 1px 100%;
    background-position: left; }

.rubberband,
rubberband,
flowbox rubberband,
treeview.view rubberband {
  border: 1px solid #c5cbd8;
  background-color: rgba(61, 174, 233, 0.2); }
  .rubberband:backdrop,
  rubberband:backdrop,
  treeview.view rubberband:backdrop {
    border-color: #c5cbd8;
    background-color: rgba(61, 174, 233, 0.2); }

flowbox flowboxchild {
  padding: 3px;
  border-radius: 3px; }
  flowbox flowboxchild:selected {
    outline-offset: 0px; }

label.separator {
  color: #c5cbd8; }
  label.separator:backdrop {
    color: #c5cbd8; }

label selection {
  background-color: #c5cbd8;
  color: #fcfcfc; }

label:disabled {
  color: rgba(32, 35, 35, 0.35); }
  label:disabled:backdrop {
    color: rgba(32, 35, 35, 0.35); }

label:backdrop {
  color: #c5cbd8; }

.dim-label, label.separator,
headerbar .subtitle {
  opacity: 0.5;