Update

Former-commit-id: 25e4b89053

home/system/theme/gtk/gtk-3.20/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;
+}*/