WE ARE GOING

broken_stuff.md

@@ -1,3 +1,9 @@
+power menu icons
+app icons (themed)
+scroll with trackpad in firefox
+smooth scrolling in firefox
+mouse movement with keyboard
+
 actuator/
 scripts/actuator
 scripts/landscape

gtk/gnome-applications.css

@@ -0,0 +1,429 @@
+/***********************
+ * fallback mode panel *
+ ***********************/
+PanelWidget,
+PanelApplet,
+PanelToplevel {
+    padding: 0;
+    background-color: @theme_bg_color;
+    background-image: none;
+    color: @theme_fg_color;
+}
+
+PanelApplet {
+    border-width: 0;
+}
+
+PanelSeparator {
+    border-width: 0;
+    background-color: @theme_bg_color;
+    background-image: none;
+    color: @theme_fg_color;
+}
+
+.gnome-panel-menu-bar,
+PanelApplet > GtkMenuBar.menubar,
+PanelApplet > GtkMenuBar.menubar.menuitem,
+PanelMenuBar.menubar,
+PanelMenuBar.menubar.menuitem {
+    -Panelpanel-icon-visible: true;
+
+    border-width: 0;
+    background-color: @theme_bg_color;
+    background-image: none;
+}
+
+PanelAppletFrame {
+    border-width: 0;
+    background-color: @theme_bg_color;
+    background-image: none;
+}
+
+PanelApplet .button {
+    -GtkButton-inner-border: 2;
+
+    border-width: 0;
+    border-radius: 0;
+    border-color: transparent;
+    background-color: @theme_bg_color;
+    background-image: none;
+    color: @theme_fg_color;
+}
+
+PanelApplet .button:active,
+PanelApplet .button:active:prelight {
+    border-width: 0 ;
+    border-radius: 0;
+    background-color: @theme_selected_bg_color;
+    background-image: none;
+    color: @theme_selected_fg_color;
+}
+
+PanelApplet .button:prelight {
+    background-color: @theme_bg_color;
+    background-image: none;
+    color: shade(@theme_fg_color, 0.7);
+}
+
+WnckPager, WnckTasklist {
+    background-color: @theme_bg_color;
+}
+
+/************
+ * nautilus *
+ ************/
+.nautilus-canvas-item {
+    border-radius: 0;
+}
+
+.nautilus-desktop.nautilus-canvas-item {
+    color: white;
+    text-shadow: 1px 1px black;
+}
+
+.nautilus-desktop.nautilus-canvas-item:active {
+    color: @theme_fg_color;
+}
+
+.nautilus-desktop.nautilus-canvas-item:selected {
+    color: @theme_selected_fg_color;
+}
+
+.nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:prelight,
+.nautilus-desktop.nautilus-canvas-item:selected {
+    text-shadow: none;
+}
+
+NautilusWindow .toolbar {
+    border-width: 0;
+    border-style: none;
+}
+
+NautilusWindow .sidebar .frame {
+    border-style: none;
+}
+
+NautilusWindow > GtkGrid > .pane-separator,
+NautilusWindow > GtkGrid > .pane-separator:hover {
+    border-width: 0;
+    border-style: none;
+    background-color: @theme_bg_color;
+}
+
+NautilusNotebook.notebook tab {
+    padding: 0;
+}
+
+NautilusNotebook .frame {
+    border-width: 0;
+}
+
+NautilusQueryEditor .primary-toolbar.toolbar {
+    border-width: 0;
+}
+
+NautilusQueryEditor .toolbar {
+    border-width: 0;
+}
+
+NautilusQueryEditor .toolbar:nth-child(2) {
+
+}
+
+NautilusQueryEditor .toolbar:last-child,
+NautilusQueryEditor .primary-toolbar.toolbar:only-child {
+    border-width: 0;
+}
+
+/******************
+ * gnome terminal *
+ ******************/
+VteTerminal {
+    background-color: @theme_bg_color;
+    color: @theme_fg_color;
+}
+
+TerminalWindow GtkNotebook.notebook {
+    border-width: 0;
+}
+
+TerminalWindow .scrollbars-junction,
+TerminalWindow .scrollbar.trough {
+
+}
+
+TerminalWindow .scrollbar.button,
+TerminalWindow .scrollbar.button:active,
+TerminalWindow .scrollbar.button:active:hover {
+
+}
+
+TerminalWindow .scrollbar.slider {
+
+}
+
+TerminalWindow .scrollbar.slider:hover,
+TerminalWindow .scrollbar.slider.vertical:hover {
+ 
+}
+
+TerminalWindow .scrollbar.slider:active,
+TerminalWindow .scrollbar.slider.vertical:active {
+
+}
+
+/*********
+ * gedit *
+ *********/
+GeditWindow .pane-separator, 
+GeditWindow .pane-separator:hover {
+    border-width: 0;
+    border-style: none;
+    background-color: @theme_bg_color;
+}
+
+GeditPanel.title GtkLabel {
+    padding: 4px 0;
+}
+
+GeditPanel.vertical .title {
+    padding: 4px 0 4px 3px;
+    border-style: none;
+}
+
+GeditPanel .toolbar {
+    border-style: none;
+    background-color: transparent;
+}
+
+GeditDocumentsPanel .view {
+    background-color: @theme_base_color;
+}
+
+GeditPanel.vertical .notebook {
+    padding: 0;
+    border-width: 0;
+}
+
+GeditPanel.horizontal .notebook {
+    padding: 0;
+    border-width: 0;
+}
+
+GeditWindow .notebook {
+    border-width: 0;
+}
+
+GeditPanel .notebook tab,
+GeditWindow .notebook tab {
+    border-width: 0;
+}
+
+GeditStatusMenuButton {
+	color: @theme_fg_color;
+}
+
+GeditStatusMenuButton.button,
+GeditStatusMenuButton.button:hover,
+GeditStatusMenuButton.button:active,
+GeditStatusMenuButton.button:active:hover {
+	border-image: none;
+	color: @theme_fg_color;
+}
+
+GeditStatusMenuButton.button:hover,
+GeditStatusMenuButton.button:active,
+GeditStatusMenuButton.button:active:hover {
+
+}
+
+GeditStatusMenuButton.button:active {
+
+}
+
+GeditViewFrame .gedit-search-slider {
+    padding: 4px;
+    border-width: 0;
+    border-style: none;
+    background-color: @theme_bg_color;
+}
+GeditViewFrame .gedit-search-slider .entry {
+    padding: 6px 6px 7px 6px;
+}
+GeditViewFrame .gedit-search-slider .not-found {
+    background-color: @error_bg_color;
+    background-image: none;
+    color: @error_fg_color;
+}
+
+GeditViewFrame .gedit-search-slider .not-found:selected {
+    background-color: shade(@theme_selected_bg_color, 1.2);
+    color: @theme_selected_fg_color;
+}
+
+GeditFileBrowserWidget .primary-toolbar.toolbar  {
+    padding: 2px;
+    border: none;
+    background-color: @theme_bg_color;
+    background-image: none;
+}
+
+.gedit-search-entry-occurrences-tag {
+        color: @theme_text_color;
+	margin: 2px;
+	padding: 2px;
+}
+/***************
+ * font-viewer *
+ ***************/
+SushiFontWidget {
+    padding: 6px 12px;
+}
+
+/*************
+ * gucharmap *
+ *************/
+GucharmapChartable {
+    background-color: @theme_base_color;
+}
+
+GucharmapChartable:active,
+GucharmapChartable:focus,
+GucharmapChartable:selected {
+    background-color: @theme_selected_bg_color;
+    color: @theme_selected_fg_color;
+}
+
+/* gnome-documents */
+.documents-dropdown,
+.documents-dropdown .view {
+	background-color: @theme_bg_color;
+}
+
+.documents-dropdown.frame {
+	padding: 6px;
+	border-width: 0;
+	border-style: none;
+}
+.documents-dropdown .view.radio,
+.documents-dropdown .view.radio:focus {
+	background-image: url("assets/blank.png");;
+	background-color: transparent;
+}
+
+.documents-dropdown .view.radio:active,
+.documents-dropdown .view.radio:active:focus,
+.documents-dropdown .view.radio:active:hover,
+.documents-dropdown .view.radio:hover {
+	background-color: transparent;
+	background-image: url("assets/radio-checked.png");
+}
+
+.documents-entry-tag {
+	background-color: transparent;
+	color: @theme_text_color;
+	border-width: 0;
+
+	margin: 2px;
+	padding: 4px;
+}
+
+.documents-entry-tag:hover {
+
+}
+
+.documents-entry-tag.button,
+.documents-entry-tag.button:focus,
+.documents-entry-tag.button:hover,
+.documents-entry-tag.button:hover:focus,
+.documents-entry-tag.button:active,
+.documents-entry-tag.button:active:focus {
+	background-color: transparent;
+	border-style: none;
+	box-shadow: none;
+	border-width: 0;
+
+}
+
+/* epiphany */
+
+
+
+/* evince */
+
+/*********************
+ * NEMO File manager *
+ *********************/
+/* for breadcrumbs path bar */
+
+.nemo-pathbar-button,
+NemoPathbarButton {
+    border-radius: 0;
+    border-width: 1px;
+    border-style: solid;
+    border-color: @theme_bg_color;
+    background-color: @theme_base_color;
+    color: @theme_text_color;
+    background-image: none;
+    border-image: none;
+}
+NemoPathbarButton:active {
+    background-color: @theme_selected_bg_color;
+    color: @theme_selected_fg_color;
+}
+NemoPathbarButton:active:hover {
+    background-color: shade(@theme_selected_bg_color, 1.05);
+    color: @theme_selected_fg_color;
+}
+NemoPathbarButton:hover {
+    background-color: @theme_base_color;
+    color: shade(@theme_fg_color, 0.7);
+}
+
+NemoPathbarButton:insensitive {
+    background-color: shade(@theme_bg_color, 1.04);
+    background-image: none;
+    color: mix(@theme_text_color, @theme_base_color, 0.4);
+}
+NemoPathbarButton *:insensitive {
+
+    color: mix(@theme_text_color, @theme_base_color, 0.4);
+}
+
+/* For Places Sidebar diskfull indicators */
+
+NemoPlacesTreeView {
+	-NemoPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, 0.93);
+	-NemoPlacesTreeView-disk-full-fg-color: @theme_selected_bg_color;
+}
+
+NemoPlacesTreeView:selected {
+	-NemoPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, 0.93);
+	-NemoPlacesTreeView-disk-full-fg-color: shade(@theme_bg_color, 0.5);
+}
+
+NemoPlacesTreeView:hover {
+}
+
+NemoPlacesTreeView:selected:hover {
+}
+
+
+NemoWindow * {
+
+}
+
+NemoWindow .view {
+	background-color: @theme_base_color;
+}
+
+NemoWindow .rubberband,
+NemoWindow .view.rubberband {
+	background-color: alpha (@theme_selected_bg_color, 0.3);
+}
+/* inactive pane */
+
+.nemo-inactive-pane .view {
+	background-color: shade(@theme_bg_color, 1.03);
+}

gtk/gtk-widgets.css

@@ -0,0 +1,786 @@
+/* NOTES to contributors:
+ * use 4 spaces indents, and keep code ALIGNED and ORDERED */
+/* default */
+
+* {
+    background-clip: padding-box;
+    -GtkArrow-arrow-scaling: 0.55;
+    -GtkHTML-link-color: @theme_selected_bg_color;
+    -GtkIMHtml-hyperlink-color: @theme_selected_bg_color;
+    -GtkScrollbar-has-backward-stepper: false;
+    -GtkScrollbar-has-forward-stepper: false;
+    -GtkScrolledWindow-scrollbar-spacing: 0;
+    -GtkTextView-error-underline-color: @error_color;
+    -GtkToolButton-icon-spacing: 6;
+    -GtkToolItemGroup-expander-size: 10;
+    -GtkTreeView-expander-size: 10;
+    -GtkWindow-resize-grip-height: 0;
+    -GtkWindow-resize-grip-width: 0;
+    -WnckTasklist-fade-overlay-rect: 0;
+    /*-GtkWidget-horizontal-separator: 0;*/
+    
+    -GtkWidget-vertical-separator: 0;
+    outline-color: transparent;
+    outline-style: none;
+    outline-offset: 2px;
+}
+/***************
+ * base states *
+ ***************/
+
+.background {
+    background-color: @theme_bg_color;
+    color: @theme_fg_color;
+}
+.background.client-decorated {
+    background-color: transparent;
+}
+.background.window-content {
+    background-color: @theme_bg_color;
+}
+GtkClutterOffscreen {
+    background-color: @theme_bg_color;
+    color: @theme_fg_color;
+}
+*:selected,
+*:selected:focus {
+    background-color: @theme_selected_bg_color;
+    color: @theme_selected_fg_color;
+}
+*:active {
+    background-color: shade(@theme_bg_color, 1.00);
+}
+*:disabled,
+*:disabled:disabled {
+    color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+/* apply effects to disabled and prelit images */
+
+*:disabled {
+    -gtk-icon-effect: dim;
+}
+*:hover {
+    -gtk-icon-effect: highlight;
+}
+.gtkstyle-fallback {
+    background-color: @theme_bg_color;
+    color: @theme_fg_color;
+}
+.gtkstyle-fallback:hover {
+    background-color: shade(@theme_bg_color, 1.1);
+    color: @theme_fg_color;
+}
+.gtkstyle-fallback:active {
+    background-color: shade(@theme_bg_color, 0.9);
+    color: @theme_fg_color;
+}
+.gtkstyle-fallback:disabled {
+    background-color: shade(shade(@theme_bg_color, 0.95), 1.05);
+    color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+.gtkstyle-fallback:selected {
+    background-color: @theme_selected_bg_color;
+    color: @theme_selected_fg_color;
+}
+/*************
+ * assistant *
+ *************/
+
+GtkAssistant .sidebar .highlight {
+    background-color: @theme_selected_bg_color;
+}
+GtkAssistant .sidebar {
+    padding: 0px;
+    border-width: 0;
+    border-style: none;
+    background-color: @theme_bg_color;
+    color: @theme_fg_color;
+}
+/***********************
+! Font and file choosers
+************************/
+
+GtkFontButton .separator,
+GtkFileChooserButton .separator {
+    /* always disable separators */
+    
+    -GtkWidget-horizontal-separator: 0;
+    -GtkWidget-vertical-separator: 0;
+}
+placessidebar > viewport.frame {
+    border-style: none;
+}
+placessidebar row {
+    min-height: 2px;
+    padding: 5px;
+}
+placessidebar row > revealer {
+    padding: 0 5px;
+}
+placessidebar row:selected {
+    color: @theme_selected_fg_color;
+}
+placessidebar row:disabled {
+    color: shade(@theme_selected_bg_color, 0.32);
+}
+placessidebar row image.sidebar-icon {
+    opacity: 0.6;
+}
+placessidebar row image.sidebar-icon:dir(ltr) {
+    padding-right: 8px;
+}
+placessidebar row image.sidebar-icon:dir(rtl) {
+    padding-left: 8px;
+}
+placessidebar row label.sidebar-label:dir(ltr) {
+    padding-right: 2px;
+}
+placessidebar row label.sidebar-label:dir(rtl) {
+    padding-left: 2px;
+}
+button.sidebar-button {
+    min-height: 8px;
+    min-width: 24px;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: 0;
+    border-radius: 0%;
+    -gtk-outline-radius: 0%;
+}
+placessidebar row.sidebar-placeholder-row {
+    min-height: 2px;
+    padding: 0 2px;
+    background-color: @theme_selected_bg_color;
+    background-clip: content-box;
+}
+placessidebar row.sidebar-new-bookmark-row {
+    color: @theme_selected_bg_color;
+}
+placessidebar row:drop(active):not(:disabled) {
+    box-shadow: inset 0 0 0 2px @theme_selected_bg_color;
+}
+/****************
+ * content view *
+ ****************/
+
+.content-view.view {
+    background-color: @theme_base_color;
+}
+.content-view.view:hover {
+    background-color: alpha(@theme_selected_bg_color, 0.3);
+}
+.content-view.view:selected,
+.content-view.view:active {
+    background-color: @theme_selected_bg_color;
+}
+.content-view.view:disabled {
+    background-color: @entry_border_color;
+}
+GdMainIconView.content-view {
+    -GdMainIconView-icon-size: 40;
+}
+GtkIconView.content-view.check {
+    background-color: transparent;
+}
+GtkIconView.content-view.check:active {
+    background-color: transparent;
+}
+.content-view.view.check,
+.content-view.view.check:active {
+    background-color: transparent;
+}
+GtkIconView.content-view.check:hover,
+GtkIconView.content-view.check:disabled,
+GtkIconView.content-view.check:selected {
+    background-color: transparent;
+}
+/****************
+ * drawing area *
+ ****************/
+
+GtkDrawingArea {
+    background-color: transparent;
+}
+GtkDrawingArea:disabled {
+    background-color: @entry_border_color;
+}
+/***********
+ * gtkhtml *
+ ***********/
+
+GtkHTML {
+    background-color: @theme_base_color;
+    color: @theme_text_color;
+}
+/************
+ * expander *
+ ************/
+
+.expander {
+    color: alpha(@theme_fg_color, 0.7);
+}
+.expander:hover {
+    color: alpha(@theme_fg_color, 0.9);
+}
+/*********
+ * frame *
+ *********/
+
+frame {
+    border-radius: 0;
+}
+
+frame.border-groove,
+frame.border-ridge {
+    border-radius: 0;
+    border-width: 0px;
+    border-style: none;
+}
+
+frame.border-groove border,
+frame.border-ridge border {
+    border-radius: 0;
+    border-width: 3px;
+    border-style: solid;
+    border-color: shade(@theme_bg_color, 0.9);
+}
+/*******************
+ * scrolled window *
+ *******************/
+
+scrolledwindow.frame {
+    border-radius: 0;
+    border-width: 0;
+    border-style: none;
+}
+/* avoid double borders when a viewport is 
+ * packed into a GtkScrolledWindow */
+
+scrolledwindow.shortcuts-pane.sidebar treeview {
+	background-color: @theme_bg_color;
+}
+scrolledwindow viewport.frame {
+    border-style: none;
+}
+/************
+ * iconview *
+ ************/
+
+GtkIconView.view.cell:selected,
+GtkIconView.view.cell:selected:focus {
+    border-width: 3px;
+    border-style: solid;
+    border-color: @theme_selected_bg_color;
+    border-radius: 0;
+    background-color: @theme_selected_bg_color;
+    background-image: none;
+    color: @theme_selected_fg_color;
+}
+.content-view.view.rubberband,
+.view.rubberband,
+.rubberband {
+    border-width: 1px;
+    border-style: solid;
+    border-color: shade(@theme_selected_bg_color, 0.9);
+    border-radius: 0;
+    background-color: alpha(@theme_selected_bg_color, 0.3);
+}
+/*********
+ * image *
+ *********/
+
+GtkImage,
+GtkImage:active,
+GtkImage:disabled {
+    background-color: transparent;
+}
+/*********
+ * label *
+ *********/
+
+GtkLabel,
+GtkLabel:active,
+GtkLabel:disabled {
+    background-color: transparent;
+}
+/*******************
+ * symbolic images *
+ *******************/
+
+.image,
+.view.image {
+    color: alpha(@theme_fg_color, 0.5);
+}
+.image:hover,
+.view.image:hover {
+    color: @theme_fg_color;
+}
+.image:selected,
+.image:selected:hover,
+.view.image:selected,
+.view.image:selected:hover {
+    color: @theme_selected_fg_color;
+}
+/*****************
+ * miscellaneous *
+ *****************/
+
+.floating-bar {
+    border-width: 3px;
+    border-style: none;
+    border-radius: 0px;
+    background-color: @theme_bg_color;
+    background-image: none;
+    color: @theme_fg_color;
+}
+.floating-bar.top {} .floating-bar.right {} .floating-bar.bottom {} .floating-bar.left {} .floating-bar .button,
+.floating-bar .button:focus {
+    border-style: none;
+    background-color: transparent;
+    background-image: none;
+}
+.view.dim-label,
+.dim-label {
+    color: alpha(currentColor, 0.6);
+}
+.dnd {
+    border-width: 1px;
+    border-style: solid;
+    border-color: shade(@theme_selected_bg_color, 0.9);
+}
+.grip {
+    background-color: transparent;
+}
+.arrow {
+    color: alpha(@theme_fg_color, 0.7);
+}
+.arrow:disabled {
+    color: alpha(@theme_fg_color, 0.4);
+}
+/******************
+ * pane separator *
+ ******************/
+
+.pane-separator {
+    background-color: transparent;
+    color: transparent;
+}
+/*************
+ * statusbar *
+ *************/
+
+statusbar {
+    color: @theme_fg_color;
+	background-color: @theme_bg_color;
+}
+/*************
+ * popover *
+ *************/
+
+popover.menu,
+popover.background {
+    background-color: @theme_bg_color;
+	border: 4px solid @theme_selected_bg_color;
+    background-clip: border-box;
+    padding: 5px 5px;
+}
+
+popover label {
+	padding: 0px 5px;
+}
+
+popover modelbutton {
+	padding: 5px 5px;
+}
+
+popover modelbutton:hover {
+	background-color: @theme_selected_bg_color;
+	color: @theme_selected_fg_color;
+}
+
+popover modelbutton:active {
+	background-color: shade(@theme_selected_bg_color, 0.9);
+	color: @theme_selected_fg_color;
+}
+
+/************
+ * textview *
+ ************/
+
+.view text,
+iconview text,
+textview text {
+    background-color: @base_color;
+    color: @theme_fg_color;
+}
+.view text:disabled,
+iconview text:disabled,
+textview text:disabled {
+    color: rgba(0, 0, 0, 0.32);
+}
+textview text:selected {
+    background-color: @theme_selected_bg_color;
+}
+textview border {
+    background-color: @theme_selected_bg_color;
+    background-image: image(rgba(0, 0, 0, 0.1));
+    background-repeat: no-repeat;
+    color: rgba(0, 0, 0, 0.48);
+}
+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;
+}
+/* this affects the text view that caused me so much trouble in the past*/
+
+.view:selected,
+iconview:selected,
+.view text selection,
+iconview text selection,
+textview text selection,
+flowbox flowboxchild:selected,
+spinbutton:not(.vertical) selection,
+/* notebook > stack:not(:only-child) revealer entry selection, */
+/* notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection, */
+entry selection,
+modelbutton.flat:selected,
+popover.background checkbutton:selected,
+popover.background radiobutton:selected,
+.menuitem.button.flat:selected,
+row:selected,
+calendar:selected {
+	background-color: @theme_selected_bg_color;
+}
+row:selected label,
+label:selected,
+.view:selected,
+iconview:selected,
+.view text selection,
+iconview text selection,
+textview text selection,
+flowbox flowboxchild:selected,
+spinbutton:not(.vertical) selection,
+/* notebook > stack:not(:only-child) revealer entry selection, */
+/* notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection, */
+entry selection,
+modelbutton.flat:selected,
+popover.background checkbutton:selected,
+popover.background radiobutton:selected,
+.menuitem.button.flat:selected,
+row:selected,
+calendar:selected {
+    color: @theme_selected_fg_color;
+}
+row:selected label:disabled,
+label:disabled:selected,
+.view:disabled:selected,
+iconview:disabled:selected,
+.view text selection:disabled,
+iconview text selection:disabled,
+textview text selection:disabled,
+flowbox flowboxchild:disabled:selected,
+label:disabled selection,
+spinbutton:not(.vertical) selection:disabled,
+/* notebook > stack:not(:only-child) revealer entry selection:disabled, */
+/* notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection:disabled, */
+entry selection:disabled,
+modelbutton.flat:disabled:selected,
+popover.background checkbutton:disabled:selected,
+popover.background radiobutton:disabled:selected,
+.menuitem.button.flat:disabled:selected,
+row:disabled:selected,
+calendar:disabled:selected {
+    color: shade(@theme_selected_fg_color, 0.4);
+}
+/************
+ * Tooltips *
+ ************/
+
+tooltip {
+    border-radius: 2px;
+    box-shadow: none;
+}
+tooltip.background {
+    background-color: @tooltip_bg_color;
+}
+tooltip decoration {
+    background-color: transparent;
+}
+tooltip label {
+    min-height: 20px;
+    padding: 4px 6px;
+}
+tooltip * {
+    padding: 0;
+    background-color: transparent;
+    color: inherit;
+}
+/**************
+ * Tree Views *
+ **************/
+
+treeview.view {
+    -GtkTreeView-grid-line-width: 1;
+    -GtkTreeView-grid-line-pattern: '';
+    -GtkTreeView-tree-line-width: 1;
+    -GtkTreeView-tree-line-pattern: '';
+    -GtkTreeView-expander-size: 16;
+    border-left-color: alpha(currentColor, 0.3);
+    border-top-color: rgba(0, 0, 0, 0.1);
+}
+treeview.view:hover,
+treeview.view:active,
+treeview.view:selected {
+    border-radius: 0;
+}
+treeview.view.separator {
+    min-height: 5px;
+    color: rgba(0, 0, 0, 0.1);
+}
+treeview.view:drop(active) {
+    border-style: solid none;
+    border-width: 1px;
+    border-color: @theme_selected_bg_color;
+}
+treeview.view:drop(active).after {
+    border-top-style: none;
+}
+treeview.view:drop(active).before {
+    border-bottom-style: none;
+}
+treeview.view.expander {
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+    -gtk-icon-transform: rotate(-90deg);
+    color: @theme_fg_color;
+}
+treeview.view.expander:dir(rtl) {
+    -gtk-icon-transform: rotate(90deg);
+}
+treeview.view.expander:checked {
+    -gtk-icon-transform: unset;
+}
+treeview.view.expander:hover,
+treeview.view.expander:active {
+    color: shade( @theme_selected_bg_color, 0.8);
+}
+treeview.view.expander:disabled {
+    color: shade( @theme_selected_bg_color, 0.24);
+}
+treeview.view.expander:selected {
+    color: @theme_selected_fg_color;
+}
+treeview.view.expander:selected:hover,
+treeview.view.expander:selected:active {
+    color: @theme_selected_fg_color;
+}
+treeview.view.expander:selected:disabled {
+    color: @theme_selected_fg_color;
+}
+treeview.view.progressbar {
+    border-style: none none solid;
+    border-width: 21px;
+    border-color: @theme_selected_bg_color;
+    background-color: transparent;
+    background-image: none;
+}
+treeview.view.progressbar:selected {
+    border-color: shade(@theme_selected_bg_color, 0.3);
+}
+treeview.view.trough {
+    border-style: none none solid;
+    border-width: 21px;
+    border-color: shade( @theme_selected_bg_color, 0.3);
+    background-color: transparent;
+    background-image: none;
+}
+treeview.view.trough:selected {
+    border-color: alpha(@theme_selected_bg_color, 0.3);
+}
+treeview.view header button {
+    padding: 2px 6px;
+    border-style: none solid solid none;
+    border-width: 1px;
+    border-color: rgba(0, 0, 0, 0.1);
+    border-radius: 0;
+    background-clip: border-box;
+}
+treeview.view header button,
+treeview.view header button:hover,
+treeview.view header button:active {
+    box-shadow: none;
+}
+treeview.view header button,
+treeview.view header button:disabled {
+    background-color: shade(@theme_bg_color, 1.2);
+}
+treeview.view header button:last-child {
+    border-right-style: none;
+}
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+    padding: 2px 6px;
+    border-style: none solid solid;
+    border-width: 1px;
+    border-color: rgba(0, 0, 0, 0.1);
+    border-radius: 0;
+    box-shadow: none;
+    background-color: @theme_bg_color;
+    background-clip: border-box;
+    color: @theme_selected_bg_color;
+}
+/************
+ * viewport *
+ ************/
+
+GtkViewport.frame {
+    border-width: 0;
+}
+.view {
+    background-color: @theme_base_color;
+    color: @theme_text_color;
+}
+.view:disabled,
+.view:disabled:disabled {
+    background-color: shade(@theme_bg_color, 1.04);
+    background-image: none;
+    color: mix(@theme_text_color, @theme_base_color, 0.4);
+}
+.view:selected,
+.view:selected:focus {
+    background-color: @theme_selected_bg_color;
+    color: @theme_selected_fg_color;
+}
+/*********************
+ * app notifications *
+ *********************/
+
+.app-notification {
+    border-style: none;
+    border-width: 0 1px 1px 1px;
+    border-radius: 0;
+    padding: 8px;
+    background-color: @theme_base_color;
+    background-image: none;
+    color: @theme_text_color;
+}
+/******************************
+ * destructive action buttons *
+ ******************************/
+
+.destructive-action.button {
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+    border-radius: 0;
+    background-color: @error_color;
+    background-image: none;
+    color: mix(@theme_selected_fg_color, @error_color, 0.1);
+}
+.destructive-action.button:hover {
+    border-color: transparent;
+    background-color: shade(@error_color, 1.12);
+    background-image: none;
+}
+.destructive-action.button:active {
+    border-color: transparent;
+    background-color: shade(@error_color, 0.87);
+    background-image: none;
+}
+.destructive-action.button:hover:active {
+    border-color: transparent;
+}
+/**************
+ * List boxes *
+ **************/
+
+EggListBox {
+    background-color: @theme_base_color;
+}
+EggListBox:hover {
+    background-color: mix(white, @theme_selected_bg_color, 0.05);
+}
+EggListBox:selected {
+    background-color: @theme_selected_bg_color;
+}
+list {
+    background-color: @theme_base_color;
+}
+
+list.row:hover {
+    background-color: shade(@selected_bg_color, 0.9);
+    color: @fg_color;
+}
+list.row:active,
+list.row:active:hover,
+list.row:checked {
+    color: @fg_color;
+    background-color: shade(@selected_bg_color, 0.83);
+}
+/*************************
+ * touch text selections *
+ *************************/
+
+GtkBubbleWindow {
+    background-color: @theme_tooltip_bg_color;
+    border-radius: 0;
+    background-clip: border-box;
+	padding: 10px;
+}
+GtkBubbleWindow.osd.background {
+    background-color: @theme_tooltip_bg_color;
+}
+GtkBubbleWindow .toolbar {
+    background-color: @theme_tooltip_bg_color
+}
+/**********************
+ * Window Decorations *
+ *********************/
+
+decoration {
+    transition: box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1);
+    border-radius: 2px 2px 0 0;
+    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
+    margin: 8px;
+}
+decoration:backdrop {
+    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
+}
+.fullscreen decoration,
+.tiled decoration {
+    border-radius: 0;
+}
+.popup decoration {
+    box-shadow: none;
+}
+.ssd decoration {
+    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+.csd.popup decoration {
+    border-radius: 2px;
+    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+tooltip.csd decoration {
+    border-radius: 2px;
+    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+messagedialog.csd decoration {
+    border-radius: 2px;
+}
+.solid-csd decoration {
+    margin: 4px;
+    border-radius: 0;
+    box-shadow: none;
+    background-color: @theme_tooltip_bg_color;
+}

gtk/gtk.css

@@ -0,0 +1,96 @@
+
+/* Default color scheme */
+
+@import url("colors.css");
+
+@define-color selected_bg_color #87afaf;
+@define-color bg_color @color8;
+@define-color tooltip_bg_color shade(@color0, 1.20);
+@define-color base_color mix(@color8, @color0, 1.2);
+@define-color fg_color @color15;
+@define-color text_color @color15;
+@define-color selected_fg_color @color15;
+@define-color tooltip_fg_color @color15;
+
+/* colormap actually used by the theme, to be overridden in other css files */
+@define-color theme_bg_color @bg_color;
+@define-color theme_fg_color @fg_color;
+@define-color theme_base_color @base_color;
+@define-color theme_text_color @text_color;
+@define-color theme_selected_bg_color @selected_bg_color;
+@define-color theme_selected_fg_color @selected_fg_color;
+@define-color theme_tooltip_bg_color @tooltip_bg_color;
+@define-color theme_tooltip_fg_color @tooltip_fg_color;
+
+/* shadow effects */
+@define-color light_shadow #eeeeee;
+@define-color dark_shadow #222222;
+
+/* misc colors used by gtk+ */
+@define-color info_fg_color @text_color;
+@define-color info_bg_color @bg_color;
+@define-color warning_fg_color @text_color;
+@define-color warning_bg_color @bg_color;
+@define-color question_fg_color @text_color;
+@define-color question_bg_color @theme_selected_bg_color;
+@define-color error_fg_color @text_color;
+@define-color error_bg_color #f52400;
+@define-color link_color mix (@theme_selected_bg_color, black, 0.15);
+@define-color success_color #53a93f;
+@define-color warning_color #f57900;
+@define-color error_color #f52400;
+
+/* widget colors*/
+@define-color border_color shade(@theme_selected_bg_color, 0.2);
+@define-color button_normal_color shade(@theme_bg_color, 1.20);
+@define-color button_info_color @theme_selected_bg_color;
+@define-color button_default_active_color @theme_selected_bg_color;
+@define-color entry_border_color shade(@theme_base_color, 0.9);
+@define-color frame_border_bottom_color shade(@bg_color, 0.8);
+@define-color sel_color shade(@theme_selected_bg_color, 0.857);
+@define-color switch_bg_color shade(@bg_color, 0.8);
+@define-color panel_bg_color @bg_color;
+@define-color panel_fg_color @fg_color;
+@define-color borders shade(@theme_selected_bg_color, 0.857);
+@define-color scrollbar_trough shade(@theme_base_color, 0.9);
+@define-color scrollbar_slider_prelight mix(@scrollbar_trough, @theme_fg_color, 0.5);
+
+
+/* osd */
+@define-color osd_separator #49525B;
+@define-color osd_fg #ABB4BD;
+@define-color osd_bg #434A54;
+
+/* window manager colors */
+@define-color wm_bg @theme_bg_color;
+@define-color wm_title_focused @theme_fg_color;
+@define-color wm_title_unfocused @theme_text_color;
+@define-color wm_border_focused @border_color;
+@define-color wm_border_unfocused @border_color;
+
+@import url("gtk-widgets.css");
+@import url("unity.css");
+@import url("widgets/button.css");
+@import url("widgets/cell-row.css");
+@import url("widgets/check-radio.css");
+@import url("widgets/column-header.css");
+@import url("widgets/calendar.css");
+@import url("widgets/entry.css");
+@import url("widgets/infobar.css");
+@import url("widgets/menu.css");
+@import url("widgets/notebook.css");
+@import url("widgets/progress-scale.css");
+@import url("widgets/scrollbar.css");
+@import url("widgets/separator.css");
+@import url("widgets/sidebar.css");
+@import url("widgets/spinbutton.css");
+@import url("widgets/spinner.css");
+@import url("widgets/switch.css");
+@import url("widgets/color-chooser.css");
+@import url("widgets/toolbar.css");
+@import url("widgets/header-bar.css");
+@import url("widgets/osd.css");
+@import url("widgets/csd.css");
+@import url("widgets/combobox.css");
+@import url("widgets/selection-mode.css");
+@import url("widgets/chrome.css");

gtk/gtk.css.base

@@ -0,0 +1,108 @@
+/* Default color scheme */
+@define-color color0 {color0};
+@define-color color1 {color1};
+@define-color color2 {color2};
+@define-color color3 {color3};
+@define-color color4 {color4};
+@define-color color5 {color5};
+@define-color color6 {color6};
+@define-color color7 {color7};
+@define-color color8 {color8};
+@define-color color9 {color9};
+@define-color color10 {color10};
+@define-color color11 {color11};
+@define-color color12 {color12};
+@define-color color13 {color13};
+@define-color color14 {color14};
+@define-color color15 {color15};
+@define-color selected_bg_color {active};
+@define-color bg_color mix(@color0, @color15, 0.12);
+@define-color tooltip_bg_color mix(@color0, @color15, 0.04);
+@define-color base_color mix(@color0, @color15, 0);
+@define-color fg_color @color15;
+@define-color text_color @color15;
+@define-color selected_fg_color @color15;
+@define-color tooltip_fg_color @color15;
+
+/* colormap actually used by the theme, to be overridden in other css files */
+@define-color theme_bg_color @bg_color;
+@define-color theme_fg_color @fg_color;
+@define-color theme_base_color @base_color;
+@define-color theme_text_color @text_color;
+@define-color theme_selected_bg_color @selected_bg_color;
+@define-color theme_selected_fg_color @selected_fg_color;
+@define-color theme_tooltip_bg_color @tooltip_bg_color;
+@define-color theme_tooltip_fg_color @tooltip_fg_color;
+
+/* shadow effects */
+@define-color light_shadow #eeeeee;
+@define-color dark_shadow #222222;
+
+/* misc colors used by gtk+ */
+@define-color info_fg_color @text_color;
+@define-color info_bg_color @bg_color;
+@define-color warning_fg_color @text_color;
+@define-color warning_bg_color @bg_color;
+@define-color question_fg_color @text_color;
+@define-color question_bg_color @theme_selected_bg_color;
+@define-color error_fg_color @text_color;
+@define-color error_bg_color #f52400;
+@define-color link_color mix (@theme_selected_bg_color, black, 0.15);
+@define-color success_color #53a93f;
+@define-color warning_color #f57900;
+@define-color error_color #f52400;
+
+/* widget colors*/
+@define-color border_color shade(@theme_selected_bg_color, 0.2);
+@define-color button_normal_color shade(@theme_bg_color, 1.20);
+@define-color button_info_color @theme_selected_bg_color;
+@define-color button_default_active_color @theme_selected_bg_color;
+@define-color entry_border_color shade(@theme_base_color, 0.9);
+@define-color frame_border_bottom_color shade(@bg_color, 0.8);
+@define-color sel_color shade(@theme_selected_bg_color, 0.857);
+@define-color switch_bg_color shade(@bg_color, 0.8);
+@define-color panel_bg_color @bg_color;
+@define-color panel_fg_color @fg_color;
+@define-color borders shade(@theme_selected_bg_color, 0.857);
+@define-color scrollbar_trough shade(@theme_base_color, 0.9);
+@define-color scrollbar_slider_prelight mix(@scrollbar_trough, @theme_fg_color, 0.5);
+
+
+/* osd */
+@define-color osd_separator #49525B;
+@define-color osd_fg #ABB4BD;
+@define-color osd_bg #434A54;
+
+/* window manager colors */
+@define-color wm_bg @theme_bg_color;
+@define-color wm_title_focused @theme_fg_color;
+@define-color wm_title_unfocused @theme_text_color;
+@define-color wm_border_focused @border_color;
+@define-color wm_border_unfocused @border_color;
+
+@import url("gtk-widgets.css");
+@import url("unity.css");
+@import url("widgets/button.css");
+@import url("widgets/cell-row.css");
+@import url("widgets/check-radio.css");
+@import url("widgets/column-header.css");
+@import url("widgets/calendar.css");
+@import url("widgets/entry.css");
+@import url("widgets/infobar.css");
+@import url("widgets/menu.css");
+@import url("widgets/notebook.css");
+@import url("widgets/progress-scale.css");
+@import url("widgets/scrollbar.css");
+@import url("widgets/separator.css");
+@import url("widgets/sidebar.css");
+@import url("widgets/chrome.css");
+@import url("widgets/spinbutton.css");
+@import url("widgets/spinner.css");
+@import url("widgets/switch.css");
+@import url("widgets/color-chooser.css");
+@import url("widgets/toolbar.css");
+@import url("widgets/header-bar.css");
+@import url("widgets/osd.css");
+@import url("widgets/csd.css");
+@import url("widgets/combobox.css");
+@import url("widgets/selection-mode.css");

gtk/settings.ini

@@ -0,0 +1,7 @@
+[Settings]
+gtk-color-scheme = "base_color:#ffffff\nbg_color:#ECEDEE\ntooltip_bg_color:#dddedf\nselected_bg_color:#33CBBF\ntext_color:#78797A\nfg_color:#6A6B6C\ntooltip_fg_color:#595a5b\nselected_fg_color:#ffffff"
+gtk-auto-mnemonics = 1
+gtk-visible-focus = automatic
+gtk-button-images = 0
+gtk-menu-images = 0
+

gtk/unity.css

@@ -0,0 +1,68 @@
+UnityPanelWidget,
+.unity-panel {
+    border-width: 0 0 0px 0;
+    border-style: solid;
+    border-color: @theme_bg_color;
+    background-color: @theme_bg_color;
+    background-image: none;
+    color: @theme_selected_fg_color;
+}
+
+.unity-panel.menubar,
+.unity-panel .menubar {
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+    border-width: 0 1px;
+    color: @theme_selected_fg_color;
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+    border-color: @theme_selected_bg_color;
+    background-color: @theme_selected_bg_color;
+    background-image: none;
+    color: @theme_selected_fg_color;
+}
+
+SheetStyleDialog.unity-force-quit {
+    background-color: @theme_bg_color;
+}
+
+
+/* This will theme the top decoration, so the whole space above the window */
+UnityDecoration.top {
+	border: 0px solid shade (@theme_bg_color, 0.5);
+	border-bottom-width: 0;
+	border-radius: 4px 4px 0 0; /* Corner radius, only the top ones should be */
+	padding: 1px 8px 0 8px; /* This padding will be applied to the content of the top layout */
+	background-color: @theme_bg_color; /* Decoration background */
+	color: @theme_fg_color; /* The foreground color will be used to paint the text */
+	text-shadow: none;
+	box-shadow: none;
+}
+
+/* Top decoration for inactive windows */
+UnityDecoration.top:backdrop {
+	border: 0px solid @theme_bg_color;
+	border-bottom-width: 0;
+	background-color: @theme_bg_color;
+	color: @theme_fg_color;
+}
+
+/* Left decoration, it themes only the space at the left of the window */
+UnityDecoration.left,
+/* Right decoration, it themes only the space at the right of the window */
+UnityDecoration.right,
+/* Bottom decoration, it themes all the space below the window */
+UnityDecoration.bottom {
+	background-color: @theme_bg_color;
+}
+
+/* Left, right and bottom decorations themes for inactive windows */
+UnityDecoration.left:backdrop,
+UnityDecoration.right:backdrop,
+UnityDecoration.bottom:backdrop {
+	background-color: @theme_bg_color;
+}

gtk/widgets/button.css

@@ -0,0 +1,55 @@
+
+/**********
+ * button *
+ **********/
+button {
+    padding: 5px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+    border-radius: 0px;
+    background-color: @button_normal_color;
+    background-image: none;
+    color: @text_color;
+}
+
+button:focus {
+    border: @selected_bg_color 2px dotted;
+    color: @fg_color;
+}
+
+button:hover {
+    background-color: shade(@selected_bg_color, 0.9);
+    color: @fg_color;
+}
+
+button:active,
+button:active:hover,
+button.toggle:checked {
+    color: @fg_color;
+    background-color: shade(@selected_bg_color, 0.83);
+}
+
+button:disabled {
+    background-color: mix(@color8, @color0, 0.40);
+    background-image: none;
+    color: mix(@text_color, @color0, 0.40);
+}
+
+button:active:disabled {
+
+}
+
+GtkLinkButton.button,
+GtkLinkButton.button:focus,
+GtkLinkButton.button:hover,
+GtkLinkButton.button:active,
+GtkLinkButton.button:focus:active,
+GtkLinkButton.button:focus:hover {
+
+}
+
+button.radio:checked {
+    color: @fg_color;
+    background-color: shade(@selected_bg_color, 0.83);
+}

gtk/widgets/calendar.css

@@ -0,0 +1,32 @@
+/************
+ * Calendar *
+ ***********/
+calendar {
+	padding: 1px;
+	border: 1px solid @bg_color;
+	color: @selected_fg_color;
+}
+
+calendar:disabled {
+	color: shade(@selected_fg_color, 0.8) ;
+}
+
+calendar:selected {
+	border-radius: 0px; 
+}
+
+calendar.header {
+	border: none;
+	background-color: @tooltip_bg_color;
+	border-radius: 0; 
+}
+
+calendar:indeterminate {
+	color: alpha(currentColor, 0.4); 
+}
+
+calendar.highlight {
+	background-color: alpha(@selected_bg_color, 0.1);
+	color: @selected_fg_color;
+	font-weight: 100; 
+}

gtk/widgets/cell-row.css

@@ -0,0 +1,25 @@
+/****************
+ * cell and row *
+ ****************/
+.cell {
+    border-width: 0;
+    border-radius: 0px;
+}
+
+.cell:selected,
+.cell:selected:focus {
+    background-color: @selected_bg_color;
+    color: @selected_fg_color;
+}
+
+row:selected,
+row:selected:hover,
+row:selected:focus {
+    border-width: 0;
+    border-style: none;
+    border-radius: 0;
+    background-color: @selected_bg_color;
+    background-image: none;
+    color: @selected_fg_color;
+
+}

gtk/widgets/check-radio.css

@@ -0,0 +1,164 @@
+/*************************
+ * Check and Radio items *
+ *************************/
+
+check,
+radio {
+    color: alpha(currentColor, 0.75);
+    background-color: @base_color;
+    margin-right: 5px;
+}
+
+radio {
+    border-radius: 10px;
+}
+
+check:disabled,
+radio:disabled {
+	background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
+}
+
+check:hover,
+check:active,
+radio:hover,
+radio:active {
+    background-color: shade(@selected_bg_color, 0.5);
+}
+check:checked,
+check:checked:disabled,
+radio:checked,
+radio:checked:disabled {
+    background-color: shade(@selected_bg_color, 0.9);
+}
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+    color: shade(@bg_color, 0.8);
+}
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+    color: shade(@bg_color, 0.4);
+}
+check:only-child,
+radio:only-child {} menu menuitem check,
+menu menuitem radio {
+    transition: none;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):hover {
+    color: alpha(currentColor, 0.75);
+}
+
+menu menuitem check,
+menu menuitem check:hover,
+menu menuitem check:disabled,
+menu menuitem radio,
+menu menuitem radio:hover,
+menu menuitem radio:disabled {
+	margin: 0;
+	padding: 0;
+}
+
+menu menuitem check:checked {
+    -gtk-icon-source: -gtk-scaled(url("../assets/check.png"));
+}
+
+check:checked {
+    -gtk-icon-source: -gtk-recolor(url("../assets/check.png"));
+}
+check:indeterminate {
+    -gtk-icon-source: -gtk-recolor(url("../assets/check-mixed.png"));
+}
+radio {
+    border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@selected_bg_color), to(transparent)) 24/24px;
+    -gtk-icon-source: image(-gtk-recolor(url("../assets/blank.png")), -gtk-recolor(url("../assets/blank.png")));
+}
+radio:checked {
+    -gtk-icon-source: -gtk-recolor(url("../assets/blank.png"));
+}
+radio:checked:disabled {
+    border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(68, 138, 255, 0.4)), to(transparent)) 24/24px;
+}
+radio:indeterminate {
+    -gtk-icon-source: -gtk-recolor(url("../assets/blank.png"));
+}
+radio:indeterminate:checked {
+    -gtk-icon-source: -gtk-recolor(url("../assets/blank.png"));
+}
+
+menu menuitem check:not(:indeterminate):checked,
+menu menuitem radio:not(:indeterminate):checked,
+menu menuitem check:indeterminate:checked,
+menu menuitem radio:indeterminate:checked {
+    animation: none;
+}
+treeview.view check,
+treeview.view radio {
+    padding: 0;
+}
+treeview.view check:checked:hover,
+treeview.view check:selected:checked:hover,
+treeview.view radio:checked:hover,
+treeview.view radio:selected:checked:hover {
+    background-image: none;
+}
+treeview.view check,
+treeview.view radio {
+    color: shade(@selected_bg_color, 0.8);
+}
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+    color: shade(@selected_bg_color, 0.8);
+}
+treeview.view check:disabled,
+treeview.view radio:disabled {
+    color: shade(@selected_bg_color, 0.8);
+}
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+    color: @selected_bg_color;
+}
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+    color: shade(@selected_bg_color, 0.8);
+}
+treeview.view check:selected,
+treeview.view radio:selected {
+    color: shade(@fg_color, 0.75);
+}
+treeview.view check:selected:hover,
+treeview.view check:selected:active,
+treeview.view radio:selected:hover,
+treeview.view radio:selected:active {
+    color: @selected_fg_color;
+}
+treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled {
+    color: shade(@selected_fg_color, 0.3);
+}
+treeview.view check:selected:checked,
+treeview.view check:selected:indeterminate,
+treeview.view radio:selected:checked,
+treeview.view radio:selected:indeterminate {
+    color: #448AFF;
+}
+treeview.view check:selected:checked:disabled,
+treeview.view check:selected:indeterminate:disabled,
+treeview.view radio:selected:checked:disabled,
+treeview.view radio:selected:indeterminate:disabled {
+    color: @selected_fg_color;
+}
+treeview.view radio:checked {
+    -gtk-icon-source: image(-gtk-recolor(url("../assets/radio-checked.png")), -gtk-recolor(url("assets/radio-checked.png")));
+    border-image: none;
+}

gtk/widgets/chrome.css

@@ -0,0 +1,16 @@
+entry.chromium {
+	color: @selected_fg_color;
+	background-color: @selected_bg_color;
+}
+
+menu.chromium {
+	background-color: @theme_bg_color;
+	color: @theme_fg_color;
+	border: none 0px;
+}
+
+window.background.chromium {
+	border: none 0px;
+    background-color: @selected_bg_color;
+	color: @theme_fg_color;
+}

gtk/widgets/color-chooser.css

@@ -0,0 +1,114 @@
+/*****************
+ * color chooser *
+ *****************/
+GtkColorSwatch,
+GtkColorSwatch:selected {
+    border-width: 4px;
+    border-style: solid;
+    border-radius: 0;
+    border-color: @bg_color;
+    background-color: transparent;
+    transition: all 200ms ease-out;
+}
+
+GtkColorSwatch:hover,
+GtkColorSwatch:selected:hover {
+    border-width: 0;
+    border-radius: 0;
+    border-color: @bg_color;
+    transition: all 200ms ease-in;
+}
+
+GtkColorSwatch.color-dark:hover {
+}
+
+GtkColorSwatch.color-light:hover {
+}
+
+GtkColorSwatch.color-light:selected:hover,
+GtkColorSwatch.color-dark:selected:hover {
+    background-image: none;
+}
+
+GtkColorSwatch.left,
+GtkColorSwatch:first-child {
+
+}
+
+GtkColorSwatch.right,
+GtkColorSwatch:last-child {
+
+}
+
+GtkColorSwatch:only-child {
+
+}
+
+GtkColorSwatch.top {
+
+}
+
+GtkColorSwatch.bottom {
+
+}
+
+GtkColorChooserWidget #add-color-button {
+    transition: all 100ms ease-out;
+    border-color: @entry_border_color;
+    border-width: 1px;
+    border-style: none;
+    border-radius: 0;
+    background-color: @base_color;
+    color: mix(@text_color, @base_color, 0.4);
+}
+
+GtkColorChooserWidget #add-color-button:hover {
+    transition: all 100ms ease-in;
+    border-color: @selected_bg_color;
+    border-width: 1px;
+    border-style: none;
+    border-radius: 0;
+    background-color: @base_color;
+    color: @fg_color;
+}
+
+.color-active-badge,
+.color-active-badge:selected {
+    border-width: 1px;
+    border-style: solid;
+    border-width: 0;
+    background-color: transparent;
+}
+
+.color-active-badge.color-light,
+.color-active-badge.color-light:hover {
+    border-color: alpha(black, 0.3);
+    color: alpha(black, 0.3);
+}
+
+.color-active-badge.color-dark,
+.color-active-badge.color-dark:hover {
+    border-color: alpha(white, 0.3);
+    color: alpha(white, 0.3);
+}
+
+GtkColorEditor GtkColorSwatch {
+    border-width: 4px;
+    border-style: solid;
+    border-radius: 0;
+    border-color: @bg_color;
+    background-color: transparent;
+    transition: all 200ms ease-out;
+}
+
+GtkColorEditor GtkColorSwatch.color-dark:hover,
+GtkColorEditor GtkColorSwatch.color-light:hover {
+    border-width: 0;
+    border-radius: 0;
+    border-color: @bg_color;
+    transition: all 200ms ease-in;
+}
+
+GtkColorButton.button {
+    padding: 6px;
+}

gtk/widgets/column-header.css

@@ -0,0 +1,52 @@
+/*****************
+ * column-header *
+ *****************/
+column-header.button,
+column-header.button:active,
+column-header .button,
+column-header .button:active {
+    font-weight: bold;
+    border-width: 0;
+    border-radius: 0;
+}
+column-header.button,
+column-header.button:active,
+column-header.button:focus,
+column-header.button:active:focus,
+column-header .button,
+column-header .button:active,
+column-header .button:focus,
+column-header .button:active:focus {
+    box-shadow: none;
+    background-color: inherit;
+    background-image: none;
+}
+column-header.button:hover,
+column-header.button:active:hover,
+column-header.button:hover:focus,
+column-header.button:active:hover:focus,
+column-header .button:hover,
+column-header .button:active:hover,
+column-header .button:hover:focus,
+column-header .button:active:hover:focus {
+    box-shadow: none;
+    background-color: inherit;
+    background-image: none;
+}
+column-header:last-child.button,
+column-header:last-child .button {
+
+}
+column-header.button,
+column-header .button,
+column-header.button:focus,
+column-header .button:focus {
+    background-color: @tooltip_bg_color;
+    color: shade(@text_color, 1.1);
+}
+column-header.button:active,
+column-header .button:active,
+column-header.button:active:focus,
+column-header .button:active:focus {
+    background-color: @tooltip_bg_color;
+}

gtk/widgets/combobox.css

@@ -0,0 +1,26 @@
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+	-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+	min-height: 16px;
+	min-width: 16px; 
+}
+
+combobox menu,
+combobox .menu {
+	padding: 2px 0; 
+}
+
+combobox menu menuitem,
+combobox .menu menuitem {
+	min-height: 28px;
+	padding: 0 10px; 
+}
+combobox menu menuitem:hover {
+	background-color: @selected_bg_color;
+}
+
+combobox:drop(active) {
+	box-shadow: none; 
+}

gtk/widgets/csd.css

@@ -0,0 +1,125 @@
+/*******
+ * CSD *
+ *******/
+.titlebar {
+    /* border-width: 5px; */
+    border-style: solid;
+    border-color: @tooltip_bg_color;
+/*    border-image: linear-gradient(to left,
+		shade(@selected_bg_color, 1.20) 25%,
+		shade(@selected_bg_color, 1.05) 25%,
+		shade(@selected_bg_color, 1.05) 50%,
+		shade(@selected_bg_color, 0.90) 50%,
+		shade(@selected_bg_color, 0.90) 75%,
+		shade(@selected_bg_color, 0.75) 75%) 5 0 0 0/ 5px 0 0 0;*/
+    background-image: none;
+    background-color: @tooltip_bg_color;
+    color: @fg_color;
+    text-shadow: none;
+}
+
+/* this is the default titlebar that is added by GTK
+ * when client-side decorations are in use and the application
+ * did not set a custom titlebar.
+ */
+.titlebar.default-decoration {
+    border: none;
+    box-shadow: none;
+}
+
+.titlebar .title {
+    font-weight: bold;
+}
+
+.titlebar {
+	padding: 3px;
+}
+
+.titlebar:backdrop {
+    background-image: none;
+    background-color: @bg_color;
+    color: mix(@fg_color, @bg_color, 0.4);
+    text-shadow: none;
+}
+
+.titlebutton {
+    padding: 4px;
+    border-style: none;
+    background-color: @button_normal_color;
+    color: mix(@fg_color, @bg_color, 0.1);
+    -gtk-icon-shadow: none;
+}
+
+.titlebar .titlebutton:hover,
+.titlebar .titlebutton:hover:focus {
+    background-color: @selected_bg_color;
+    color: @selected_fg_color;
+    -gtk-icon-shadow: none;
+}
+
+.titlebar .titlebutton:active,
+.titlebar .titlebutton:active:hover {
+    background: none;
+    color: shade(@selected_bg_color, 0.9);
+    -gtk-icon-shadow: none;
+    box-shadow: none;
+}
+
+.titlebar .right .titlebutton:first-child {
+    background: none;
+}
+/*
+
+.titlebar .right .titlebutton:last-child {
+}
+
+.titlebar .left .titlebutton:last-child {
+    border-right: 1px solid shade(@toolbar_bg_color, 0.9);
+}
+
+.titlebar .left .titlebutton:first-child {
+}
+*/
+
+.titlebar .titlebutton:backdrop {
+    background-image: none;
+    color: mix(@fg_color, @bg_color, 0.4);
+    -gtk-icon-shadow: none;
+}
+
+.window-frame {
+    background-image: none;
+    border-width: 2px;
+    border-style: solid;
+    border-color: @bg_color;
+    border-image: none;
+    border-radius: 0;
+    box-shadow: 0 3px 12px 2px alpha(black, 0.5);
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame:backdrop {
+    border-width: 2px;
+    border-color: @bg_color;
+    border-image: none;
+    box-shadow: 0 2px 7px 1px alpha(black, 0.5);
+}
+
+GtkWindow {
+    color: @fg_color;
+    background-color: @bg_color;
+}
+
+GtkPaned {
+    background-color: @bg_color;
+}
+
+GtkEventBox {
+    background-color: @bg_color;
+}
+
+GtkSeparator separator .separator.vertical.titlebutton {
+    background-color: @selected_bg_color;
+}

gtk/widgets/entry.css

@@ -0,0 +1,40 @@
+/*********
+ * entry *
+ *********/
+entry {
+    padding: 6px 8px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+    border-radius: 0;
+    background-color: @base_color;
+    background-image: none;
+    color: @text_color;
+}
+
+entry:active,
+entry:focus {
+    box-shadow: inset 0px 0px @selected_bg_color;
+	border-color: @selected_bg_color;
+}
+
+entry:selected,
+entry:selected:focus,
+entry selection {
+    background-color: @selected_bg_color;
+    color: @selected_fg_color;
+}
+
+entry:disabled {
+    background-color: shade(@bg_color, 1.04);
+    background-image: none;
+    color: mix(@text_color, @base_color, 0.4);
+}
+
+entry.progressbar {
+    border-width: 0;
+    border-radius: 0;
+    background-color: @selected_bg_color;
+    background-image: none;
+    color: @selected_fg_color;
+}

gtk/widgets/header-bar.css

@@ -0,0 +1,27 @@
+/**************
+ * header-bar *
+ **************/
+
+.header-bar {
+    padding: 4px;
+    border-width: 0;
+    border-style: none;
+    background-color: @bg_color;
+}
+
+.header-bar .button.text-button {
+    padding: 4px;
+}
+
+.header-bar .button.image-button {
+    padding: 6px;
+}
+
+.header-bar .title {
+    font-weight: bold;
+}
+
+.header-bar .subtitle {
+    font-size: smaller;
+}
+

gtk/widgets/infobar.css

@@ -0,0 +1,90 @@
+/***********
+ * infobar *
+ ***********/
+GtkInfoBar {
+    border-width: 0;
+    border-style: none;
+}
+
+.info {
+    border-width: 0;
+    border-style: none;
+    background-color: @info_bg_color;
+    background-image: none;
+    color: @info_fg_color;
+}
+
+.warning {
+    border-width: 0;
+    border-style: none;
+    background-color: @warning_bg_color;
+    background-image: none;
+    color: @warning_fg_color;
+}
+
+.question {
+    border-width: 0;
+    border-style: none;
+    background-color: @question_bg_color;
+    background-image: none;
+    color: @question_fg_color;
+}
+
+.error {
+    border-width: 0;
+    border-style: none;
+    background-color: @error_bg_color;
+    background-image: none;
+    color: @error_fg_color;
+}
+
+.warning .button,
+.question .button,
+.info .button,
+.error .button,
+.warning .button.close,
+.question .button.close,
+.info .button.close,
+.error .button.close {
+
+}
+.warning .button:hover,
+.question .button:hover,
+.info .button:hover,
+.error .button:hover,
+.warning .button.close:hover,
+.question .button.close:hover,
+.info .button.close:hover,
+.error .button.close:hover {
+
+}
+.warning .button:active,
+.question .button:active,
+.info .button:active,
+.error .button:active,
+.warning .button.close:active,
+.question .button.close:active,
+.info .button.close:active,
+.error .button.close:active,
+.warning .button:active:hover,
+.question .button:active:hover,
+.info .button:active:hover,
+.error .button:active:hover,
+.warning .button.close:active:hover,
+.question .button.close:active:hover,
+.info .button.close:active:hover,
+.error .button.close:active:hover {
+
+}
+.warning .button:disabled,
+.question .button:disabled,
+.info .button:disabled,
+.error .button:disabled {
+
+}
+.warning .button *:disabled,
+.question .button *:disabled,
+.info .button *:disabled,
+.error .button *:disabled {
+
+}

gtk/widgets/linked-buttons.css

@@ -0,0 +1,524 @@
+/******************
+ * linked buttons *
+ *****************/
+
+
+
+/* set up shadows for visual separation */
+.linked .button,
+.inline-toolbar.toolbar .button,
+.inline-toolbar.toolbar GtkToolButton .button,
+.inline-toolbar.toolbar GtkToolButton > .button {
+    background-color: @base_color;
+    color: @text_color;
+
+}
+.linked .button:hover,
+.inline-toolbar.toolbar .button:hover,
+.inline-toolbar.toolbar GtkToolButton .button:hover,
+.inline-toolbar.toolbar GtkToolButton > .button:hover {
+    background-color: @base_color;
+    color: shade(@fg_color, 0.7);
+}
+.linked .button:active,
+.inline-toolbar.toolbar .button:active,
+.inline-toolbar.toolbar GtkToolButton .button:active,
+.inline-toolbar.toolbar GtkToolButton > .button:active {
+    background-color: @selected_bg_color;
+    color: @selected_fg_color;
+}
+.linked .button:active:hover,
+.inline-toolbar.toolbar .button:active:hover,
+.inline-toolbar.toolbar GtkToolButton .button:active:hover,
+.inline-toolbar.toolbar GtkToolButton > .button:active:hover {
+    background-color: shade(@selected_bg_color, 1.05);
+}
+.linked .button:insensitive,
+.inline-toolbar.toolbar .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton > .button:insensitive {
+    background-color: shade(@bg_color, 1.04);
+    background-image: none;
+    color: mix(@text_color, @base_color, 0.4);
+}
+
+/* remove box shadow from last-child and only-child */
+
+.linked .entry:last-child,
+.linked .entry:only-child,
+.linked .button:last-child,
+.linked .button:only-child,
+.linked .button:insensitive:last-child,
+.linked .button:insensitive:only-child,
+.linked .button:active *:insensitive:last-child,
+.linked .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar .button:last-child,
+.inline-toolbar.toolbar .button:only-child,
+.inline-toolbar.toolbar .button:insensitive:last-child,
+.inline-toolbar.toolbar .button:insensitive:only-child,
+.inline-toolbar.toolbar .button:active *:insensitive:last-child,
+.inline-toolbar.toolbar .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button:active *:insensitive,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button:active *:insensitive {
+
+}
+
+/* add back the inset shadow effect */
+.linked .button:active:last-child,
+.linked .button:active:only-child,
+.inline-toolbar.toolbar .button:active:last-child,
+.inline-toolbar.toolbar .button:active:only-child,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button:active {
+
+}
+
+/* middle button */
+.linked .entry,
+.linked .button,
+.linked .button:active,
+.linked .button:active:hover,
+.linked .button:insensitive,
+.inline-toolbar.toolbar .button,
+.inline-toolbar.toolbar .button:active,
+.inline-toolbar.toolbar .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton .button,
+.inline-toolbar.toolbar GtkToolButton .button:active,
+.inline-toolbar.toolbar GtkToolButton .button:insensitive {
+    border-width: 1px;
+    border-radius: 0;
+    border-color: transparent;
+    border-style: solid;
+}
+
+/*leftmost button */
+.linked .entry:first-child,
+.linked .button:first-child,
+.linked .button:active:first-child,
+.linked .button:active:hover:first-child,
+.linked .button:insensitive:first-child,
+.inline-toolbar.toolbar .button:first-child,
+.inline-toolbar.toolbar .button:active:first-child,
+.inline-toolbar.toolbar .button:insensitive:first-child,
+.inline-toolbar.toolbar GtkToolButton:first-child .button,
+.inline-toolbar.toolbar GtkToolButton:first-child .button:active,
+.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive {
+
+}
+
+/* rightmost button */
+.linked .entry:last-child,
+.linked .button:last-child,
+.linked .button:active:last-child,
+.linked .button:active:hover:last-child,
+.linked .button:insensitive:last-child,
+.inline-toolbar.toolbar .button:last-child,
+.inline-toolbar.toolbar .button:active:last-child,
+.inline-toolbar.toolbar .button:insensitive:last-child,
+.inline-toolbar.toolbar GtkToolButton:last-child .button,
+.inline-toolbar.toolbar GtkToolButton:last-child .button:active,
+.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive {
+
+}
+
+/* linked single button */
+.linked .entry:only-child,
+.linked .button:only-child,
+.linked .button:active:only-child,
+.linked .button:active:hover:only-child,
+.linked .button:insensitive:only-child,
+.inline-toolbar.toolbar .button:only-child,
+.inline-toolbar.toolbar .button:active:only-child,
+.inline-toolbar.toolbar .button:insensitive:only-child,
+.inline-toolbar.toolbar GtkToolButton:only-child .button,
+.inline-toolbar.toolbar GtkToolButton:only-child .button:active,
+.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive {
+ border-width: 1px;
+    border-radius: 0;
+    border-color: transparent;
+    border-style: solid;
+}
+
+/* linked button shadows (vertical) */
+.linked.vertical .button,
+.inline-toolbar.toolbar.vertical .button,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button {
+    background-color: @base_color;
+    color: @text_color;
+}
+
+.linked.vertical .button:active,
+.inline-toolbar.toolbar.vertical .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
+    background-color: @selected_bg_color;
+    color: @selected_fg_color;
+}
+.linked.vertical .button:hover,
+.inline-toolbar.toolbar.vertical .button:hover,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:hover {
+    background-color: @base_color;
+    color: shade(@fg_color, 0.7);
+}
+.linked.vertical .button:active:hover,
+.inline-toolbar.toolbar.vertical .button:active:hover,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:active:hover {
+    background-color: shade(@selected_bg_color, 1.05);
+}
+.linked.vertical .button:insensitive,
+.inline-toolbar.toolbar.vertical .button:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
+    background-color: shade(@bg_color, 1.04);
+    background-image: none;
+    color: mix(@text_color, @base_color, 0.4);
+}
+
+/* remove box shadow from last-child and only-child */
+.linked.vertical .button:last-child,
+.linked.vertical .button:only-child,
+.linked.vertical .button:insensitive:last-child,
+.linked.vertical .button:insensitive:only-child,
+.linked.vertical .button:active *:insensitive:last-child,
+.linked.vertical .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar.vertical .button:last-child,
+.inline-toolbar.toolbar.vertical .button:only-child,
+.inline-toolbar.toolbar.vertical .button:insensitive:last-child,
+.inline-toolbar.toolbar.vertical .button:insensitive:only-child,
+.inline-toolbar.toolbar.vertical .button:active *:insensitive:last-child,
+.inline-toolbar.toolbar.vertical .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active *:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active *:insensitive {
+
+}
+
+/* add back the inset shadow effect */
+.linked.vertical .button:active:last-child,
+.linked.vertical .button:active:only-child,
+.inline-toolbar.toolbar.vertical .button:active:last-child,
+.inline-toolbar.toolbar.vertical .button:active:only-child,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active {
+
+}
+
+/* middle button (vertical) */
+.linked.vertical .entry,
+.linked.vertical .button,
+.linked.vertical .button:active,
+.linked.vertical .button:active:hover,
+.linked.vertical .button:insensitive {
+border-width: 1px;
+    border-radius: 0;
+    border-color: transparent;
+    border-style: solid;
+}
+
+/* top button (vertical) */
+.linked.vertical .entry:first-child,
+.linked.vertical .button:first-child,
+.linked.vertical .button:active:first-child,
+.linked.vertical .button:active:hover:first-child,
+.linked.vertical .button:insensitive:first-child {
+
+
+}
+
+/* bottom button (vertical) */
+.linked.vertical .entry:last-child,
+.linked.vertical .button:last-child,
+.linked.vertical .button:active:last-child,
+.linked.vertical .button:active:hover:last-child,
+.linked.vertical .button:insensitive:last-child {
+
+}
+
+/* linked single button (vertical) */
+.linked.vertical .entry:only-child,
+.linked.vertical .button:only-child,
+.linked.vertical .button:active:only-child,
+.linked.vertical .button:active:hover:only-child,
+.linked.vertical .button:insensitive:only-child {
+    border-width: 1px;
+    border-radius: 0;
+    border-color: transparent;
+    border-style: solid;
+}
+
+/* linked toolbar buttons */
+.primary-toolbar .linked .button,
+.primary-toolbar .button.raised.linked,
+.primary-toolbar .raised.linked .button,
+.toolbar .button.raised.linked,
+.toolbar .raised.linked .button,
+.toolbar .linked .button,
+.header-bar .button.raised.linked,
+.header-bar .raised.linked .button,
+.header-bar .linked .button {
+    background-color: @base_color;
+    color: @text_color;
+}
+.primary-toolbar .linked .button:hover,
+.primary-toolbar .button.raised.linked:hover,
+.primary-toolbar .raised.linked .button:hover,
+.toolbar .button.raised.linked:hover,
+.toolbar .raised.linked .button:hover,
+.toolbar .linked .button:hover,
+.header-bar .button.raised.linked:hover,
+.header-bar .raised.linked .button:hover,
+.header-bar .linked .button:hover {
+    background-color: @base_color;
+    color: shade(@fg_color, 0.7);
+}
+.primary-toolbar .linked .button:active,
+.primary-toolbar .button.raised.linked:active,
+.primary-toolbar .raised.linked .button:active,
+.toolbar .button.raised.linked:active,
+.toolbar .raised.linked .button:active,
+.toolbar .linked .button:active,
+.header-bar .button.raised.linked:active,
+.header-bar .raised.linked .button:active,
+.header-bar .linked .button:active {
+    background-color: shade(@bg_color, 1.1);
+    color: @fg_color;
+}
+.primary-toolbar .linked .button:active:hover,
+.primary-toolbar .button.raised.linked:active:hover,
+.primary-toolbar .raised.linked .button:active:hover,
+.toolbar .button.raised.linked:active:hover,
+.toolbar .raised.linked .button:active:hover,
+.toolbar .linked .button:active:hover,
+.header-bar .button.raised.linked:active:hover,
+.header-bar .raised.linked .button:active:hover,
+.header-bar .linked .button:active:hover {
+    background-color: shade(@bg_color, 1.1);
+}
+.primary-toolbar .linked .button:insensitive,
+.primary-toolbar .button.raised.linked:insensitive,
+.primary-toolbar .raised.linked .button:insensitive,
+.toolbar .button.raised.linked:insensitive,
+.toolbar .raised.linked .button:insensitive,
+.toolbar .linked .button:insensitive,
+.header-bar .button.raised.linked:insensitive,
+.header-bar .raised.linked .button:insensitive,
+.header-bar .linked .button:insensitive {
+    background-color: shade(@bg_color, 1.04);
+    background-image: none;
+    color: mix(@text_color, @base_color, 0.4);
+}
+
+/* remove box shadow from last-child and only-child */
+.primary-toolbar .linked .button:last-child,
+.primary-toolbar .linked .button:only-child,
+.primary-toolbar .button.raised.linked:last-child,
+.primary-toolbar .button.raised.linked:only-child,
+.primary-toolbar .linked .button:insensitive:last-child,
+.primary-toolbar .linked .button:insensitive:only-child,
+.primary-toolbar .button:insensitive.raised.linked:last-child,
+.primary-toolbar .button:insensitive.raised.linked:only-child,
+.primary-toolbar .linked .button:active *:insensitive:last-child,
+.primary-toolbar .linked .button:active *:insensitive:only-child,
+.primary-toolbar .button:active *:insensitive.raised.linked:last-child,
+.primary-toolbar .button:active *:insensitive.raised.linked:only-child,
+.primary-toolbar .raised.linked .button:last-child,
+.primary-toolbar .raised.linked .button:only-child,
+.primary-toolbar .raised.linked .button:insensitive:last-child,
+.primary-toolbar .raised.linked .button:insensitive:only-child,
+.primary-toolbar .raised.linked .button:active *:insensitive:last-child,
+.primary-toolbar .raised.linked .button:active *:insensitive:only-child,
+.toolbar .button.raised.linked:last-child,
+.toolbar .button.raised.linked:only-child,
+.toolbar .button:insensitive.raised.linked:last-child,
+.toolbar .button:insensitive.raised.linked:only-child,
+.toolbar .button:active *:insensitive.raised.linked:last-child,
+.toolbar .button:active *:insensitive.raised.linked:only-child,
+.toolbar .raised.linked .button:last-child,
+.toolbar .raised.linked .button:only-child,
+.toolbar .raised.linked .button:insensitive:last-child,
+.toolbar .raised.linked .button:insensitive:only-child,
+.toolbar .raised.linked .button:active *:insensitive:last-child,
+.toolbar .raised.linked .button:active *:insensitive:only-child,
+.toolbar .linked .button:last-child,
+.toolbar .linked .button:only-child,
+.toolbar .linked .button:insensitive:last-child,
+.toolbar .linked .button:insensitive:only-child,
+.toolbar .linked .button:active *:insensitive:last-child,
+.toolbar .linked .button:active *:insensitive:only-child,
+.header-bar .button.raised.linked:last-child,
+.header-bar .button.raised.linked:only-child,
+.header-bar .button:insensitive.raised.linked:last-child,
+.header-bar .button:insensitive.raised.linked:only-child,
+.header-bar .button:active *:insensitive.raised.linked:last-child,
+.header-bar .button:active *:insensitive.raised.linked:only-child,
+.header-bar .raised.linked .button:last-child,
+.header-bar .raised.linked .button:only-child,
+.header-bar .raised.linked .button:insensitive:last-child,
+.header-bar .raised.linked .button:insensitive:only-child,
+.header-bar .raised.linked .button:active *:insensitive:last-child,
+.header-bar .raised.linked .button:active *:insensitive:only-child,
+.header-bar .linked .button:last-child,
+.header-bar .linked .button:only-child,
+.header-bar .linked .button:insensitive:last-child,
+.header-bar .linked .button:insensitive:only-child,
+.header-bar .linked .button:active *:insensitive:last-child,
+.header-bar .linked .button:active *:insensitive:only-child {
+
+}
+
+/* add back the inset shadow effect */
+.primary-toolbar .linked .button:active:last-child,
+.primary-toolbar .linked .button:active:only-child,
+.primary-toolbar .button:active.raised.linked:last-child,
+.primary-toolbar .button:active.raised.linked:only-child,
+.primary-toolbar .raised.linked .button:active:last-child,
+.primary-toolbar .raised.linked .button:active:only-child,
+.toolbar .button:active.raised.linked:last-child,
+.toolbar .button:active.raised.linked:only-child,
+.toolbar .raised.linked .button:active:last-child,
+.toolbar .raised.linked .button:active:only-child,
+.toolbar .linked .button:active:last-child,
+.toolbar .linked .button:active:only-child,
+.header-bar .button:active.raised.linked:last-child,
+.header-bar .button:active.raised.linked:only-child,
+.header-bar .raised.linked .button:active:last-child,
+.header-bar .raised.linked .button:active:only-child,
+.header-bar .linked .button:active:last-child,
+.header-bar .linked .button:active:only-child {
+
+}
+
+/* middle button */
+.primary-toolbar .linked .button,
+.primary-toolbar .linked .button:active,
+.primary-toolbar .linked .button:insensitive,
+.primary-toolbar .button.raised.linked,
+.primary-toolbar .button.raised.linked:active,
+.primary-toolbar .button.raised.linked:insensitive,
+.primary-toolbar .raised.linked .button,
+.primary-toolbar .raised.linked .button:active,
+.primary-toolbar .raised.linked .button:insensitive,
+.toolbar .button.raised.linked,
+.toolbar .button.raised.linked:active,
+.toolbar .button.raised.linked:insensitive,
+.toolbar .raised.linked .button,
+.toolbar .raised.linked .button:active,
+.toolbar .raised.linked .button:insensitive,
+.toolbar .linked .button,
+.toolbar .linked .button:active,
+.toolbar .linked .button:insensitive,
+.header-bar .button.raised.linked,
+.header-bar .button.raised.linked:active,
+.header-bar .button.raised.linked:insensitive,
+.header-bar .raised.linked .button,
+.header-bar .raised.linked .button:active,
+.header-bar .raised.linked .button:insensitive,
+.header-bar .linked .button,
+.header-bar .linked .button:active,
+.header-bar .linked .button:insensitive {
+    border-width: 1px;
+    border-radius: 4px;
+    border-color: transparent;
+    border-style: solid;
+}
+
+/* leftmost button */
+.primary-toolbar .linked .button:first-child,
+.primary-toolbar .linked .button:active:first-child,
+.primary-toolbar .linked .button:insensitive:first-child,
+.primary-toolbar .button.raised.linked:first-child,
+.primary-toolbar .button.raised.linked:active:first-child,
+.primary-toolbar .button.raised.linked:insensitive:first-child,
+.primary-toolbar .raised.linked .button:first-child,
+.primary-toolbar .raised.linked .button:active:first-child,
+.primary-toolbar .raised.linked .button:insensitive:first-child,
+.toolbar .button.raised.linked:first-child,
+.toolbar .button.raised.linked:active:first-child,
+.toolbar .button.raised.linked:insensitive:first-child,
+.toolbar .raised.linked .button:first-child,
+.toolbar .raised.linked .button:active:first-child,
+.toolbar .raised.linked .button:insensitive:first-child,
+.toolbar .linked .button:first-child,
+.toolbar .linked .button:active:first-child,
+.toolbar .linked .button:insensitive:first-child,
+.header-bar .button.raised.linked:first-child,
+.header-bar .button.raised.linked:active:first-child,
+.header-bar .button.raised.linked:insensitive:first-child,
+.header-bar .raised.linked .button:first-child,
+.header-bar .raised.linked .button:active:first-child,
+.header-bar .raised.linked .button:insensitive:first-child,
+.header-bar .linked .button:first-child,
+.header-bar .linked .button:active:first-child,
+.header-bar .linked .button:insensitive:first-child {
+
+}
+
+/* rightmost button */
+.primary-toolbar .linked .button:last-child,
+.primary-toolbar .linked .button:active:last-child,
+.primary-toolbar .linked .button:insensitive:last-child,
+.primary-toolbar .button.raised.linked:last-child,
+.primary-toolbar .button.raised.linked:active:last-child,
+.primary-toolbar .button.raised.linked:insensitive:last-child,
+.primary-toolbar .raised.linked .button:last-child,
+.primary-toolbar .raised.linked .button:active:last-child,
+.primary-toolbar .raised.linked .button:insensitive:last-child,
+.toolbar .button.raised.linked:last-child,
+.toolbar .button.raised.linked:active:last-child,
+.toolbar .button.raised.linked:insensitive:last-child,
+.toolbar .raised.linked .button:last-child,
+.toolbar .raised.linked .button:active:last-child,
+.toolbar .raised.linked .button:insensitive:last-child,
+.toolbar .linked .button:last-child,
+.toolbar .linked .button:active:last-child,
+.toolbar .linked .button:insensitive:last-child,
+.header-bar .button.raised.linked:last-child,
+.header-bar .button.raised.linked:active:last-child,
+.header-bar .button.raised.linked:insensitive:last-child,
+.header-bar .raised.linked .button:last-child,
+.header-bar .raised.linked .button:active:last-child,
+.header-bar .raised.linked .button:insensitive:last-child,
+.header-bar .linked .button:last-child,
+.header-bar .linked .button:active:last-child,
+.header-bar .linked .button:insensitive:last-child {
+
+}
+
+/* linked single button */
+.primary-toolbar .linked .button:only-child,
+.primary-toolbar .linked .button:active:only-child,
+.primary-toolbar .linked .button:insensitive:only-child,
+.primary-toolbar .button.raised.linked:only-child,
+.primary-toolbar .button.raised.linked:active:only-child,
+.primary-toolbar .button.raised.linked:insensitive:only-child,
+.primary-toolbar .raised.linked .button:only-child,
+.primary-toolbar .raised.linked .button:active:only-child,
+.primary-toolbar .raised.linked .button:insensitive:only-child,
+.toolbar .button.raised.linked:only-child,
+.toolbar .button.raised.linked:active:only-child,
+.toolbar .button.raised.linked:insensitive:only-child,
+.toolbar .raised.linked .button:only-child,
+.toolbar .raised.linked .button:active:only-child,
+.toolbar .raised.linked .button:insensitive:only-child,
+.toolbar .linked .button:only-child,
+.toolbar .linked .button:active:only-child,
+.toolbar .linked .button:insensitive:only-child,
+.header-bar .button.raised.linked:only-child,
+.header-bar .button.raised.linked:active:only-child,
+.header-bar .button.raised.linked:insensitive:only-child,
+.header-bar .raised.linked .button:only-child,
+.header-bar .raised.linked .button:active:only-child,
+.header-bar .raised.linked .button:insensitive:only-child,
+.header-bar .linked .button:only-child,
+.header-bar .linked .button:active:only-child,
+.header-bar .linked .button:insensitive:only-child {
+    border-width: 1px;
+    border-radius: 0;
+    border-color: transparent;
+    border-style: solid;
+}

gtk/widgets/menu.css

@@ -0,0 +1,127 @@
+/*********
+ * Menus *
+ *********/
+
+menubar,
+.menubar {
+    -GtkWidget-window-dragging: true;
+    padding: 2px;
+    background-color: @tooltip_bg_color;
+}
+menubar > menuitem,
+.menubar > menuitem {
+    transition: all 0.1s cubic-bezier(0, 0, 0.2, 1), color 0;
+    min-height: 8px;
+    padding: 2px 8px;
+    color: @selected_fg_color;
+}
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+    background-color: @selected_bg_color;
+    color: @selected_fg_color;
+}
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+    color: rgba(0, 0, 0, 0.24);
+}
+menu,
+.menu {
+    margin: 2px 0;
+    padding: 2px 0;
+    background-color: @tooltip_bg_color;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+.csd menu,
+.csd .menu {
+    border: none;
+    border-radius: 2px;
+}
+menu menuitem,
+.menu menuitem {
+    min-height: 10px;
+    min-width: 40px;
+    padding: 4px 4px;
+    font: initial;
+    text-shadow: none;
+}
+menu menuitem:hover,
+.menu menuitem:hover {
+    background-color: @selected_bg_color;
+    color: @selected_fg_color;
+}
+menu menuitem:disabled,
+.menu menuitem:disabled {
+    color: rgba(0, 0, 0, 0.32);
+}
+menu menuitem arrow,
+.menu menuitem arrow {
+    min-height: 16px;
+    min-width: 16px;
+}
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr) {
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+    margin-left: 8px;
+}
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl) {
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+    margin-right: 8px;
+}
+menu > arrow,
+.menu > arrow {
+    min-height: 16px;
+    min-width: 16px;
+    padding: 4px;
+    border-radius: 0;
+    background-color: @tooltip_bg_color;
+    color: rgba(0, 0, 0, 0.6);
+}
+menu > arrow.top,
+.menu > arrow.top {
+    margin-top: -4px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+menu > arrow.bottom,
+.menu > arrow.bottom {
+    margin-bottom: -4px;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+menu > arrow:hover,
+.menu > arrow:hover {
+    background-image: image(alpha(currentColor, 0.15));
+    color: rgba(0, 0, 0, 0.8);
+}
+menu > arrow:disabled,
+.menu > arrow:disabled {
+    border-color: transparent;
+    background-color: transparent;
+    color: transparent;
+}
+menu separator,
+.menu separator {
+    margin: 2px 0;
+	border-top: 1px solid mix(@theme_bg_color, @theme_fg_color, 0.01);
+    background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
+}
+menuitem accelerator {
+    color: alpha(currentColor, 0.6);
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+	margin-right: 10px;
+    padding: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+	margin-left: 10px;
+    padding: 8px;
+}
+
+csd.popup {
+    border-radius: 2px;
+}

gtk/widgets/notebook.css

@@ -0,0 +1,200 @@
+/*************
+ * Notebooks *
+ *************/
+
+notebook > header {
+    border-width: 1px;
+    border-color: rgba(0, 0, 0, 0.1);
+    background-color: @bg_color;
+    background-clip: border-box;
+}
+notebook > header.top {
+    border-bottom-style: solid;
+}
+notebook > header.top > tabs > tab:not(.reorderable-page) {
+    margin-bottom: -1px;
+}
+notebook > header.top > tabs > tab:not(.reorderable-page):hover {
+    background-color: shade( @selected_bg_color, 0.70)
+}
+notebook > header.top > tabs > tab:not(.reorderable-page):checked {
+    background-color: @tooltip_bg_color;
+}
+notebook > header.bottom {
+    border-top-style: solid;
+}
+notebook > header.bottom > tabs > tab:not(.reorderable-page) {
+    margin-top: -1px;
+}
+notebook > header.bottom > tabs > tab:not(.reorderable-page):hover {
+    background-color: @selected_bg_color;
+}
+notebook > header.bottom > tabs > tab:not(.reorderable-page):checked {
+    background-color: @tooltip_bg_color;
+}
+notebook > header.left {
+    border-right-style: solid;
+}
+notebook > header.left > tabs > tab:not(.reorderable-page) {
+    margin-right: -1px;
+}
+notebook > header.left > tabs > tab:not(.reorderable-page):hover {
+    background-color: shade( @selected_bg_color, 0.70);
+}
+notebook > header.left > tabs > tab:not(.reorderable-page):checked {
+    background-color: @tooltip_bg_color;
+}
+notebook > header.right {
+    border-left-style: solid;
+}
+notebook > header.right > tabs > tab:not(.reorderable-page) {
+    margin-left: -1px;
+}
+notebook > header.right > tabs > tab:not(.reorderable-page):hover {
+    background-color: @selected_bg_color;
+}
+notebook > header.right > tabs > tab:not(.reorderable-page):checked {
+    background-color: @tooltip_bg_color;
+}
+notebook > header.top > tabs > arrow {
+    border-top-style: none;
+}
+notebook > header.bottom > tabs > arrow {
+    border-bottom-style: none;
+}
+notebook > header.top > tabs > arrow,
+notebook > header.bottom > tabs > arrow {
+    padding-left: 4px;
+    padding-right: 4px;
+}
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+    margin-left: -8px;
+    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+    margin-right: -8px;
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+notebook > header.left > tabs > arrow {
+    border-left-style: none;
+}
+notebook > header.right > tabs > arrow {
+    border-right-style: none;
+}
+notebook > header.left > tabs > arrow,
+notebook > header.right > tabs > arrow {
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+    margin-top: -8px;
+    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+    margin-bottom: -8px;
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+notebook > header > tabs > arrow {
+    min-height: 16px;
+    min-width: 16px;
+    border-radius: 0;
+}
+notebook > header tab {
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
+    min-height: 24px;
+    min-width: 24px;
+    padding: 6px 12px;
+    outline-offset: -6px;
+    border-width: 1px;
+    border-color: transparent;
+    color: @selected_fg_color;
+    font-weight: 500;
+}
+
+notebook > header tab:hover {
+    color: @selected_fg_color;
+}
+notebook > header tab:hover.reorderable-page {
+    border-color: @selected_bg_color;
+    background-color: @tooltip_bg_color;
+}
+notebook > header tab:disabled {
+    color: @selected_fg_color;
+}
+notebook > header tab:checked {
+    color: @selected_fg_color;
+}
+notebook > header tab:checked:disabled {
+    color: @selected_fg_color;
+}
+notebook > header tab:checked:not(.reorderable-page) {
+    animation: tab_ripple_effect 0.6s ease-in-out;
+}
+notebook > header tab:checked.reorderable-page {
+    border-color: rgba(0, 0, 0, 0.1);
+    background-color: @tooltip_bg_color;
+}
+notebook > header tab button.flat {
+    min-width: 24px;
+    min-height: 24px;
+    padding: 0;
+}
+notebook > header tab button.flat:last-child {
+    margin-left: 6px;
+    margin-right: -6px;
+}
+notebook > header tab button.flat:first-child {
+    margin-left: -6px;
+    margin-right: 6px;
+}
+notebook > header.top tabs,
+notebook > header.bottom tabs {
+    padding-left: 8px;
+    padding-right: 8px;
+}
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+    margin-left: 0;
+}
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+    margin-right: 0;
+}
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+    margin: 0 -1px;
+    border-style: none solid;
+}
+notebook > header.left tabs,
+notebook > header.right tabs {
+    padding-top: 8px;
+    padding-bottom: 8px;
+}
+entry.chrome {
+    background-color: blue;
+}
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+    margin-top: 0;
+}
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+    margin-bottom: 0;
+}
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+    margin: -1px 0;
+    border-style: solid none;
+}
+notebook > stack:not(:only-child) {
+    background-color: @tooltip_bg_color;
+}
+
+notebook > stack {
+    background-color: @tooltip_bg_color;
+}
+/*aqui esta lo que debe modificars*/

gtk/widgets/osd.css

@@ -0,0 +1,203 @@
+/*******
+ * osd *
+ *******/
+
+.background.osd {
+    border-style: none;
+    border-width: 0;
+    color: @fg_color;
+    background-color: @bg_color;
+}
+
+GtkOverlay.osd {
+    border-style: none;
+    border-width: 0;
+    background-color: transparent;
+}
+
+.osd.frame {
+    border-style: none;
+    border-width: 0;
+    background-clip: border-box;
+    background-origin: border-box;
+}
+
+.osd.button,
+.osd .button {
+
+}
+
+.osd.button:hover,
+.osd.button:hover,
+.osd .button:hover {
+
+}
+
+.osd.button:active,
+.osd .button:active,
+.osd GtkMenuButton.button:active {
+
+}
+
+.osd.button:active:hover,
+.osd .button:active:hover,
+.osd GtkMenuButton.button:active:hover {
+
+}
+
+.osd.button:disabled,
+.osd .button:disabled {
+
+}
+
+.osd.button:active *:disabled,
+.osd .button:active *:disabled {
+
+}
+
+.osd.toolbar {
+    -GtkToolbar-button-relief: normal;
+
+    padding: 4px;
+    border-width: 0;
+    border-style: none;
+    border-radius: 0;
+    background-color: @bg_color;
+    background-image: none;
+    color: @fg_color;
+}
+
+.osd.toolbar .button {
+
+}
+
+.osd.toolbar .button:hover {
+
+}
+
+.osd.toolbar .button:active {
+
+}
+
+.osd.toolbar .button:active:hover {
+
+}
+
+.osd.toolbar .button:focus,
+.osd.toolbar .button:hover:focus,
+.osd.toolbar .button:active:focus,
+.osd.toolbar .button:active:hover:focus {
+
+}
+
+.osd.toolbar .button:disabled {
+
+}
+
+.osd.toolbar .button:active *:disabled {
+
+}
+
+.osd.toolbar .button:first-child {
+
+}
+
+.osd.toolbar .button:last-child {
+
+}
+
+.osd.toolbar .button:only-child,
+.osd.toolbar GtkToolButton .button,
+.osd.toolbar GtkToolButton:only-child .button,
+.osd.toolbar GtkToolButton:last-child .button,
+.osd.toolbar GtkToolButton:first-child .button {
+
+}
+
+.osd.toolbar .separator {
+
+}
+
+/* used by gnome-settings-daemon's media-keys OSD */
+.osd.trough {
+
+}
+
+.osd.progressbar {
+
+}
+
+.osd .scale.slider {
+
+}
+
+.osd .scale.slider:hover {
+
+}
+
+.osd .scale.slider:disabled {
+
+}
+
+.osd .scale.trough {
+
+}
+
+.osd .scale.trough.highlight {
+
+}
+
+.osd .scale.trough:disabled,
+.osd .scale.trough.highlight:disabled {
+
+}
+
+
+.osd GtkProgressBar.trough,
+GtkProgressBar.osd.trough {
+    padding: 0;
+    border-style: none;
+    border-radius: 0;
+    background-image: none;
+    background-color: transparent;
+}
+
+.osd GtkProgressBar.progressbar,
+GtkProgressBar.osd.progressbar {
+    border-style: none;
+    border-radius: 0;    
+    background-color: @selected_bg_color;
+    background-image: none;
+}
+
+.osd .view,
+.osd.view {
+
+}
+
+.osd .scrollbar.trough {
+
+}
+
+.osd .scrollbar.slider {
+
+}
+
+.osd .scrollbar.slider:hover {
+
+}
+
+.osd .scrollbar.slider:active {
+
+}
+
+.osd GtkIconView.cell:selected,
+.osd GtkIconView.cell:selected:focus {
+
+}
+
+/* used by Documents */
+.osd .page-thumbnail {
+
+
+}

gtk/widgets/progress-scale.css

@@ -0,0 +1,365 @@
+/*****************
+ * Progress bars *
+ *****************/
+
+progressbar {
+    color: @selected_fg_color;
+    font-size: smaller;
+}
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+    min-height: 9px;
+}
+progressbar.vertical trough,
+progressbar.vertical progress {
+    min-width: 9px;
+}
+progressbar trough {
+    background-color: shade( @bg_color, 0.8);
+}
+progressbar progress {
+    background-color: @selected_bg_color;
+}
+/*************
+ * Level Bar *
+ *************/
+
+levelbar block {
+    min-width: 36px;
+    min-height: 4px;
+}
+levelbar.vertical block {
+    min-width: 4px;
+    min-height: 36px;
+}
+levelbar trough {
+    padding: 2px;
+    border-radius: 2px;
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
+    border-image: none;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    background-color: shade( @bg_color, 0.9);
+    color: shade(@bg_color, 0.8);
+}
+levelbar trough:disabled {
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    background-color: shade( @bg_color, 0.7);
+    color: rgba(0, 0, 0, 0.32);
+}
+levelbar.horizontal.discrete block {
+    margin: 0 1px;
+}
+levelbar.vertical.discrete block {
+    margin: 1px 0;
+}
+levelbar.horizontal.discrete trough {
+    padding: 2px 1px;
+}
+levelbar.vertical.discrete trough {
+    padding: 1px 2px;
+}
+levelbar block.low {
+    background-color: shade( @selected_bg_color, 0.5);
+}
+levelbar block.high {
+    background-color: shade( @selected_bg_color, 0.8);
+}
+levelbar block.full {
+    background-color: shade( @selected_bg_color, 1.0);
+}
+levelbar block.empty {
+    background-color: alpha(@selected_bg_color, 0.3);
+    color: rgba(0, 0, 0, 0.32);
+}
+/*scale*/
+
+scale {
+    min-height: 12px;
+    min-width: 12px;
+    padding: 12px;
+}
+scale * {
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
+}
+scale slider {
+    min-height: 24px;
+    min-width: 24px;
+    margin: -10px;
+}
+scale trough {
+    outline-offset: 2px;
+    background-color: alpha(@selected_bg_color, 0.3);
+}
+scale trough:disabled {
+    color: rgba(0, 0, 0, 0.32);
+}
+scale highlight {
+    background-color: @selected_bg_color;
+}
+scale highlight:disabled {
+    background-color: transparent;
+}
+scale fill {
+    background-color: alpha(@selected_bg_color, 0.3);
+}
+scale fill:disabled {
+    background-color: transparent;
+}
+scale slider {
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: calc(100% - 8px);
+}
+scale slider {
+    background-image: -gtk-scaled(url("../assets/slider-insensitive-dark.png"), url("../assets/slider-insensitive-dark@2.png"));
+}
+scale slider:disabled {
+    background-image: -gtk-scaled(url("../assets/slider-insensitive.png"), url("../assets/slider-insensitive@2.png"));
+}
+scale slider:hover {
+    background-size: calc(100% - 4px);
+}
+scale slider:active {
+    background-size: calc(100% - 0px);
+}
+scale.fine-tune slider {
+    background-size: calc(100% - 12px);
+}
+scale value {
+    color: alpha(@selected_fg_color, 0.6);
+}
+scale marks {
+    color: alpha(@selected_fg_color, 0.3);
+}
+scale marks.top {
+    margin-bottom: 8px;
+    margin-top: -16px;
+}
+scale marks.bottom {
+    margin-top: 8px;
+    margin-bottom: -16px;
+}
+scale marks.top {
+    margin-right: 8px;
+    margin-left: -16px;
+}
+scale marks.bottom {
+    margin-left: 8px;
+    margin-right: -16px;
+}
+scale.horizontal indicator {
+    min-height: 8px;
+    min-width: 1px;
+}
+scale.vertical indicator {
+    min-height: 1px;
+    min-width: 8px;
+}
+scale.color.horizontal slider,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider {
+    min-height: 30px;
+    min-width: 24px;
+    margin-top: -16px;
+    background-position: center calc(100% - 4px);
+}
+scale.color.horizontal slider,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider {
+    background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
+}
+scale.color.horizontal slider:hover,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
+    background-position: center calc(100% - 2px);
+}
+scale.color.horizontal slider:active,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
+    background-position: center calc(100% - 0px);
+}
+scale.color.fine-tune.horizontal slider,
+scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
+    background-position: center calc(100% - 6px);
+}
+scale.color.horizontal slider,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider {
+    min-height: 30px;
+    min-width: 24px;
+    margin-top: -16px;
+    background-position: center calc(100% - 4px);
+}
+scale.color.horizontal slider:disabled,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
+    background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
+}
+scale.color.horizontal slider:hover,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
+    background-position: center calc(100% - 2px);
+}
+scale.color.horizontal slider:active,
+scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
+    background-position: center calc(100% - 0px);
+}
+scale.color.fine-tune.horizontal slider,
+scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
+    background-position: center calc(100% - 6px);
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider {
+    min-height: 30px;
+    min-width: 24px;
+    margin-bottom: -16px;
+    background-position: center calc(4px);
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider {
+    background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
+    background-position: center calc(2px);
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
+    background-position: center calc(0px);
+}
+scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
+    background-position: center calc(6px);
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider {
+    min-height: 30px;
+    min-width: 24px;
+    margin-bottom: -16px;
+    background-position: center calc(4px);
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
+    background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
+    background-position: center calc(2px);
+}
+scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
+    background-position: center calc(0px);
+}
+scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
+    background-position: center calc(6px);
+}
+scale.color.vertical:dir(rtl) slider,
+scale.vertical contents:last-child:not(:only-child) > trough > slider {
+    min-height: 24px;
+    min-width: 30px;
+    margin-left: -16px;
+    background-position: calc(4px) center;
+}
+scale.color.vertical:dir(rtl) slider,
+scale.vertical contents:last-child:not(:only-child) > trough > slider {
+    background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
+}
+scale.color.vertical:dir(rtl) slider:hover,
+scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
+    background-position: calc(2px) center;
+}
+scale.color.vertical:dir(rtl) slider:active,
+scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
+    background-position: calc(0px) center;
+}
+scale.color.fine-tune.vertical:dir(rtl) slider,
+scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
+    background-position: calc(6px) center;
+}
+scale.color.vertical:dir(rtl) slider,
+scale.vertical contents:last-child:not(:only-child) > trough > slider {
+    min-height: 24px;
+    min-width: 30px;
+    margin-left: -16px;
+    background-position: calc(4px) center;
+}
+scale.color.vertical:dir(rtl) slider:disabled,
+scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
+    background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-above-insensitive.png"), url("../assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
+}
+scale.color.vertical:dir(rtl) slider:hover,
+scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
+    background-position: calc(2px) center;
+}
+scale.color.vertical:dir(rtl) slider:active,
+scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
+    background-position: calc(0px) center;
+}
+scale.color.fine-tune.vertical:dir(rtl) slider,
+scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
+    background-position: calc(6px) center;
+}
+scale.color.vertical:dir(ltr) slider,
+scale.vertical contents:first-child:not(:only-child) > trough > slider {
+    min-height: 24px;
+    min-width: 30px;
+    margin-right: -16px;
+    background-position: calc(100% - 4px) center;
+}
+scale.color.vertical:dir(ltr) slider,
+scale.vertical contents:first-child:not(:only-child) > trough > slider {
+    background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-below-insensitive.png"), url("../assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
+}
+scale.color.vertical:dir(ltr) slider:hover,
+scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
+    background-position: calc(100% - 2px) center;
+}
+scale.color.vertical:dir(ltr) slider:active,
+scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
+    background-position: calc(100% - 0px) center;
+}
+scale.color.fine-tune.vertical:dir(ltr) slider,
+scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
+    background-position: calc(100% - 6px) center;
+}
+scale.color.vertical:dir(ltr) slider,
+scale.vertical contents:first-child:not(:only-child) > trough > slider {
+    min-height: 24px;
+    min-width: 30px;
+    margin-right: -16px;
+    background-position: calc(100% - 4px) center;
+}
+scale.color.vertical:dir(ltr) slider:disabled,
+scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
+    background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-below-insensitive.png"), url("../assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
+}
+scale.color.vertical:dir(ltr) slider:hover,
+scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
+    background-position: calc(100% - 2px) center;
+}
+scale.color.vertical:dir(ltr) slider:active,
+scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
+    background-position: calc(100% - 0px) center;
+}
+scale.color.fine-tune.vertical:dir(ltr) slider,
+scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
+    background-position: calc(100% - 6px) center;
+}
+scale.color {
+    min-height: 0;
+    min-width: 0;
+}
+scale.color.horizontal {
+    padding: 0 0 12px 0;
+}
+scale.color.horizontal trough {
+    padding-bottom: 4px;
+}
+scale.color.horizontal slider {
+    margin-bottom: -14px;
+    margin-top: 0;
+}
+scale.color.vertical:dir(ltr) {
+    padding: 0 0 0 12px;
+}
+scale.color.vertical:dir(ltr) trough {
+    padding-left: 4px;
+}
+scale.color.vertical:dir(ltr) slider {
+    margin-left: -14px;
+    margin-right: 0;
+}
+scale.color.vertical:dir(rtl) {
+    padding: 0 12px 0 0;
+}
+scale.color.vertical:dir(rtl) trough {
+    padding-right: 4px;
+}
+scale.color.vertical:dir(rtl) slider {
+    margin-right: -14px;
+    margin-left: 0;
+}

gtk/widgets/scrollbar.css

@@ -0,0 +1,116 @@
+/**************
+ * Scrollbars *
+ **************/
+
+scrollbar {
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
+    background-color: @tooltip_bg_color;
+    background-clip: padding-box;
+}
+* {
+    -GtkScrollbar-has-backward-stepper: false;
+    -GtkScrollbar-has-forward-stepper: false;
+}
+scrollbar.top {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+scrollbar.bottom {
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+scrollbar.left {
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
+scrollbar.right {
+    border-left: 1px solid rgba(0, 0, 0, 0.1);
+}
+scrollbar slider {
+    /* transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, border-width 0; */
+    min-width: 4px;
+    min-height: 4px;
+    border: 4px solid transparent;
+    background-clip: padding-box;
+    background-color: shade( @selected_bg_color, 0.80);
+}
+scrollbar slider:hover {
+    background-color: shade( @selected_bg_color, 0.80);
+}
+scrollbar slider:active {
+    background-color: @selected_bg_color;
+}
+scrollbar slider:disabled {
+    background-color: shade( @selected_bg_color, 0.80);
+}
+scrollbar.fine-tune slider {
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, border-width 0, min-width 0, min-height 0;
+    min-width: 4px;
+    min-height: 4px;
+}
+scrollbar.fine-tune.horizontal slider {
+    margin: 2px 0;
+}
+scrollbar.fine-tune.vertical slider {
+    margin: 0 2px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+    border-color: transparent;
+    background-color: transparent;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+    min-width: 4px;
+    min-height: 4px;
+    margin: 2px;
+    border: 2px solid @tooltip_bg_color;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+    min-width: 4px;
+    min-height: 4px;
+    margin: 2px;
+    border: 2px solid @selected_bg_color;
+    border-radius: 100px;
+    background-color: @tooltip_bg_color;
+    background-clip: padding-box;
+    -gtk-icon-source: none;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+    background-color: @tooltip_bg_color;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+    min-width: 24px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+    min-width: 4px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+    min-height: 24px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+    min-height: 8px;
+}
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+    background-color: @tooltip_bg_color;
+}
+scrollbar.horizontal slider {
+    min-width: 24px;
+}
+scrollbar.vertical slider {
+    min-height: 24px;
+}
+scrollbar button {
+    min-width: 4px;
+    min-height: 16px;
+    padding: 0;
+    border-radius: 0;
+}
+scrollbar.vertical button.down {
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+scrollbar.vertical button.up {
+    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+scrollbar.horizontal button.down {
+    -gtk-icon-source: -gtk-icontheme("pan-right-symbolic");
+}
+scrollbar.horizontal button.up {
+    -gtk-icon-source: -gtk-icontheme("pan-left-symbolic");
+}

gtk/widgets/selection-mode.css

@@ -0,0 +1,109 @@
+/******************
+ * selection mode *
+ ******************/
+.selection-mode.header-bar,
+.selection-mode.toolbar {
+    padding: 4px;
+    border-width: 0;
+    border-style: none;
+    background-color: @sel_color;
+    background-image: none;
+    color: @selected_fg_color;
+}
+
+.selection-mode.header-bar {
+
+}
+
+.selection-mode.toolbar {
+    padding: 4px;
+}
+
+/* regular button */
+.selection-mode.header-bar .button,
+.selection-mode.toolbar .button,
+.selection-mode.toolbar GtkToolButton .button {
+
+}
+
+.selection-mode.header-bar .button:hover,
+.selection-mode.toolbar .button:hover,
+.selection-mode.toolbar GtkToolButton .button:hover {
+
+}
+
+.selection-mode.header-bar .button:active,
+.selection-mode.toolbar .button:active,
+.selection-mode.toolbar GtkToolButton .button:active {
+
+}
+
+.selection-mode.header-bar .button:hover:active,
+.selection-mode.toolbar .button:hover:active,
+.selection-mode.toolbar GtkToolButton .button:hover:active {
+
+}
+
+/* suggested button */
+.selection-mode.header-bar .suggested-action.button,
+.selection-mode.toolbar .suggested-action.button,
+.selection-mode.toolbar GtkToolButton.suggested-action .button {
+    padding: 6px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: transparent;
+    background-color: @button_info_color;
+    background-image: none;
+    color: @selected_fg_color;
+}
+
+.selection-mode.header-bar .suggested-action.button:hover,
+.selection-mode.toolbar .suggested-action.button:hover,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover {
+    border-color: transparent;
+    background-color: shade(@button_info_color, 1.06);
+    background-image: none;
+}
+
+.selection-mode.header-bar .suggested-action.button:active,
+.selection-mode.toolbar .suggested-action.button:active,
+.selection-mode.toolbar GtkToolButton.suggested-action:active {
+    border-color: transparent;
+    background-color: shade(@button_info_color, 0.925);
+    background-image: none;
+    color: shade(@selected_fg_color, 0.95);
+}
+
+.selection-mode.header-bar .suggested-action.button:hover:active,
+.selection-mode.toolbar .suggested-action.button:hover:active,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active {
+    border-color: transparent;
+}
+
+/* menu button */
+.selection-mode.header-bar .selection-menu.button,
+.selection-mode.toolbar .selection-menu.button {
+
+    border-style: none;
+    background-color: transparent;
+    background-image: none;
+    color: @selected_fg_color;
+}
+
+.selection-mode.toolbar .dim-label,
+.selection-mode.toolbar .selection-menu.button .dim-label {
+    color: shade(@selected_fg_color, 0.7);
+}
+
+.selection-mode.header-bar .selection-menu.button:hover,
+.selection-mode.toolbar .dim-label:hover,
+.selection-mode.toolbar .selection-menu.button:hover,
+.selection-mode.toolbar .selection-menu.button .dim-label:hover {
+    color: @selected_fg_color;
+}
+
+.selection-mode.header-bar .selection-menu.button:active,
+.selection-mode.toolbar .selection-menu.button:active {
+    color: shade(@selected_fg_color, 0.8);
+    box-shadow: none;
+}

gtk/widgets/separator.css

@@ -0,0 +1,24 @@
+/*************
+ * separator *
+ *************/
+.sidebar.view.separator,
+.view.separator,
+.separator {
+    border-width: 0;
+    border-style: none;
+    color: transparent;
+}
+.separator:disabled {
+     color: transparent;
+}
+.button .separator,
+.button.separator {
+    border-width: 0;
+    color: transparent;
+}
+
+.button .separator:disabled,
+.button.separator:disabled {
+    color: transparent;
+    border-width: 0;
+}

gtk/widgets/sidebar.css

@@ -0,0 +1,43 @@
+/***********
+ * Sidebar *
+ ***********/
+
+.sidebar {
+    border-style: none;
+    background-color: @tooltip_bg_color;
+}
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:dir(ltr),
+.sidebar.left,
+.sidebar.left:dir(rtl) {
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+    border-left-style: none;
+    background-color: @tooltip_bg_color;
+}
+stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl),
+stacksidebar.sidebar.right list .sidebar:dir(rtl),
+.sidebar.right {
+    border-left: 1px solid rgba(0, 0, 0, 0.2);
+    border-right-style: none;
+}
+.sidebar list {
+    background-color: @tooltip_bg_color;
+}
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr),
+paned .sidebar {
+    border-style: none;
+    background-color: @tooltip_bg_color;
+}
+stacksidebar row {
+    padding: 10px 5px;
+}
+stacksidebar row > label {
+    padding-left: 6px;
+    padding-right: 6px;
+}

gtk/widgets/spinbutton.css

@@ -0,0 +1,102 @@
+/**************
+ * spinbutton *
+ **************/
+.spinbutton .button {
+
+    color: mix(@text_color, @base_color, 0.4);
+    padding: 2px 4px;
+    border-width: 0;
+    border-radius: 0;
+    border-style: none;
+    background-color: transparent;
+    background-image: none;
+}
+
+.spinbutton .button:disabled {
+    color: mix(@text_color, @base_color, 0.55);
+}
+
+.spinbutton .button:active,
+.spinbutton .button:hover {
+    color: @fg_color;
+}
+
+.spinbutton .button:first-child {
+    border-radius: 0;
+    box-shadow: none;
+}
+
+.spinbutton .button:last-child {
+    border-radius: 0;
+}
+
+.spinbutton .button:dir(rtl) {
+
+}
+
+.spinbutton.vertical .button {
+
+    border-width: 1px;
+    border-style: none;
+    border-radius: 0;
+    background-color: @base_color;
+    color: mix(@text_color, @base_color, 0.4);
+    background-image: none;
+    box-shadow: none;
+}
+
+.spinbutton.vertical .button:hover {
+    color: @fg_color;
+    background-image: none;
+}
+
+.spinbutton.vertical .button:active {
+    color: @fg_color;
+    background-image: none;
+}
+
+.spinbutton.vertical .button:active:hover {
+
+}
+
+.spinbutton.vertical .button:focus,
+.spinbutton.vertical .button:hover:focus,
+.spinbutton.vertical .button:active:focus,
+.spinbutton.vertical .button:active:hover:focus {
+
+}
+
+.spinbutton.vertical .button:disabled {
+    background-color: shade(@bg_color, 1.04);
+    background-image: none;
+    color: mix(@text_color, @base_color, 0.4);
+    background-image: none;
+}
+
+.spinbutton.vertical .button:first-child {
+    border-width: 1px 1px 0 1px;
+    border-bottom-width: 0;
+    border-radius: 0;
+}
+
+.spinbutton.vertical .button:last-child {
+    border-width: 0 1px 1px 1px;
+    border-top-width: 0;
+    border-radius: 0;
+}
+
+.spinbutton.vertical.entry {
+    border-width: 0;
+    border-style: none;
+    border-top-color: @base_color;
+    border-bottom-color: @base_color;
+    border-radius: 0;
+}
+.spinbutton.vertical.entry:disabled {
+    border-top-color:  shade(@bg_color, 1.04);
+    border-bottom-color: shade(@bg_color, 1.04);
+}
+.spinbutton.vertical.entry:active,
+.spinbutton.vertical.entry:focus {
+    box-shadow: inset 4px 0 @selected_bg_color;
+}

gtk/widgets/spinner.css

@@ -0,0 +1,120 @@
+
+/***********
+ * spinner *
+ ***********/
+@keyframes spinner {
+    0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
+
+    12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
+
+    25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
+
+    37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
+
+    50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
+
+    62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
+
+    75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
+
+    87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
+
+    100%  { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
+}
+
+.spinner {
+    background-color: transparent;
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
+
+    background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
+    background-size: 15% 15%;
+    background-repeat: no-repeat;
+}
+
+.spinner:active {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
+                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
+
+    animation: spinner 1s infinite linear;
+}
+
+.menu.spinner,
+.primary-toolbar .spinner {
+    color: @selected_bg_color;
+}

gtk/widgets/switch.css

@@ -0,0 +1,63 @@
+/**********
+ * Switch *
+ **********/
+
+switch {
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
+    margin: 6px 0;
+    border: 4px solid transparent;
+    border-radius: 100px;
+    background-color: alpha(#000, 0.2);
+    background-clip: padding-box;
+    font-size: 0;
+}
+switch:disabled {
+    color: shade(@selected_bg_color, 0.8);
+    background-color: alpha(#000, 0.1);
+}
+
+switch image {
+    color: alpha(#000, 0.0);
+}
+
+switch:disabled image:disabled {
+    color: alpha(#000, 0.0);
+}
+
+switch:checked {
+    background-color: shade(@selected_bg_color, 0.7);
+}
+switch:checked:disabled {
+    background-color: rgba(68, 138, 255, 0.2);
+    color: rgba(0, 0, 0, 0.32);
+}
+switch slider {
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
+    border-image: none;
+    background-color: @selected_bg_color;
+    color: rgba(0, 0, 0, 0.8);
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0;
+    min-width: 24px;
+    min-height: 24px;
+    margin: -4px 0 -4px -4px;
+    -gtk-outline-radius: 100px;
+    border-radius: 400px;
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent));
+}
+
+switch:hover slider {
+    border-image: none;
+}
+switch:disabled slider {
+    background-color: shade(@selected_bg_color, 0.7);
+    color: rgba(0, 0, 0, 0.32);
+}
+switch:checked slider {
+    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, background-image 0;
+    animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
+    margin: -4px -4px -4px 0;
+    color: @selected_fg_color;
+}
+switch:checked:disabled slider {
+    animation: none;
+}

gtk/widgets/toolbar.css

@@ -0,0 +1,39 @@
+/***********
+ * toolbar *
+ ***********/
+toolbar {
+    padding: 4px;
+    border-style: none;
+    background-color: @tooltip_bg_color;
+    background-image: none;
+}
+
+toolbar button {
+    padding: 2px;
+}
+
+toolbar button.text-button {
+    padding: 2px 4px;
+}
+
+toolbar button.path-bar-button {
+	padding: 6px;
+}
+
+toolbar button.image-button {
+    padding: 2px;
+}
+
+toolbar:disabled {
+    background-color: @bg_color;
+}
+
+/* menubar toolbars */
+toolbar.menubar {
+    -GtkToolbar-button-relief: normal;
+}
+
+linked entry:active,
+linked entry:focus {
+    box-shadow: inset 4px 0 @selected_bg_color;
+}

install.conf.yaml

@@ -20,12 +20,21 @@
   - ~/.config/bat
   - ~/.config/texmf/tex/latex
   - ~/.config/texmf/tex/latex/theme
+  - ~/.config/gtk-3.0/
 
 - link:
     ~/.config/zsh/.zshrc: zsh/zshrc
     ~/.config/nvim/init.lua: nvim/init.lua
     ~/.config/nvim/lua: nvim/lua
     ~/.config/nvim/UltiSnips: nvim/ultisnips
+    ~/.config/gtk-3.0/gtk.css: gtk/gtk.css
+    ~/.config/gtk-3.0/settings.ini: gtk/settings.ini
+    ~/.config/gtk-3.0/gnome-applications.css: gtk/gnome-applications.css
+    ~/.config/gtk-3.0/assets: gtk/assets
+    ~/.config/gtk-3.0/gtk-widgets.css: gtk/gtk-widgets.css
+    ~/.config/gtk-3.0/unity.css: gtk/unity.css
+    ~/.config/gtk-3.0/gtk.css.base: gtk/gtk.css.base
+    ~/.config/gtk-3.0/widgets: gtk/widgets
     ~/.config/X11/Xresources: X11/Xresources
     ~/.config/bspwm: bspwm
     ~/.config/sxhkd: sxhkd

scripts/_xournal-ugly

@@ -0,0 +1,29 @@
+#!/usr/bin/env python
+# vim: ft=python
+
+import os
+
+fixes = []
+with open(os.environ["XDG_CONFIG_HOME"] + "/xournal_conf/ugly_fix", "r") as f:
+    fixes = f.read().strip().split("\n")
+
+with open(os.environ["XDG_CONFIG_HOME"] + "/xournalpp/settings.xml", "r") as f:
+    text = f.read().strip().split("\n")
+
+for i in range(len(text)):
+    if "selectionBorderColor" in text[i]:
+        text[i] = '<property name="selectionBorderColor" value="' + str(int('FF' + fixes[1], 16)) + '"/>'
+    if "backgroundColor" in text[i] and "pageTemplate" not in text[i]:
+        text[i] = '<property name="backgroundColor" value="' + str(int('FF' + fixes[2], 16)) + '"/>'
+    if "selectionMarkerColor" in text[i]:
+        text[i] = '<property name="selectionMarkerColor" value="' + str(int('FF' + fixes[3], 16)) + '"/>'
+    if "pageTemplate" in text[i]:
+        text[i] = '<property name="pageTemplate" value="xoj/template&#10;copyLastPageSize=false&#10;copyLastPageSettings=false&#10;size=611.999983x791.999983&#10;backgroundType=graph&#10;backgroundColor=#ff' + fixes[0] + '&#10;"/>'
+    if  "defaultViewModeAttributes" in text[i]:
+        text[i] = '<property name="defaultViewModeAttributes" value="showMenubar,showToolbar"/>'
+
+
+text = "\n".join(text)
+
+with open(os.environ["XDG_CONFIG_HOME"] + "/xournalpp/settings.xml", "w") as f:
+    f.write(text)

scripts/xournalpp

@@ -0,0 +1,5 @@
+#!/bin/bash
+
+_xournal-ugly
+
+/usr/bin/xournalpp $XDG_CONFIG_HOME/xournal_conf/default_jtheme.xopt

spicetify/config.ini

@@ -27,6 +27,5 @@ expose_apis           = 1
 
 ; DO NOT CHANGE!
 [Backup]
-version = 1.2.13.661.ga588f749
-with    = 2.14.0
-
+version = 1.1.84.716.gc5f8b819
+with    = 2.16.1

tex/notes.cls

@@ -1,5 +1,5 @@
 \ProvidesClass{notes}
-\LoadClass{article}
+\LoadClass[letterpaper]{article}
 
 \RequirePackage{tex-macros}
 \RequirePackage[T1]{fontenc}
@@ -36,8 +36,8 @@
 \RequirePackage{tikz}
 \RequirePackage{tikz-cd}
 \RequirePackage{pgfplots}
-\RequirePackage{hyperref}
 \RequirePackage{algpseudocode}
+\RequirePackage{hyperref}
 \RequirePackage{algorithm}
 
 \hypersetup{