Refinement & bug fixes

Paper/gtk-3.0/assets/scalable/switch-on.svg

@@ -95,6 +95,16 @@
          d="m 455.14258,782.36133 c -5.71322,0 -10.5,4.78678 -10.5,10.5 0,5.71321 4.78678,10.5 10.5,10.5 l 46,0 c 5.71321,0 10.5,-4.78679 10.5,-10.5 0,-5.71322 -4.78679,-10.5 -10.5,-10.5 z"
          style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#5f7c8a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
     </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath4152">
+      <path
+         sodipodi:nodetypes="sssssss"
+         inkscape:connector-curvature="0"
+         id="path4154"
+         d="m 455.14258,782.36133 c -5.71322,0 -10.5,4.78678 -10.5,10.5 0,5.71321 4.78678,10.5 10.5,10.5 l 46,0 c 5.71321,0 10.5,-4.78679 10.5,-10.5 0,-5.71322 -4.78679,-10.5 -10.5,-10.5 z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#9fb0b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    </clipPath>
   </defs>
   <sodipodi:namedview
      id="base"
@@ -104,15 +114,15 @@
      inkscape:pageopacity="1"
      inkscape:pageshadow="2"
      inkscape:zoom="1"
-     inkscape:cx="-125.71139"
+     inkscape:cx="-79.269065"
-     inkscape:cy="8.0394792"
+     inkscape:cy="7.3414923"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="false"
      inkscape:window-width="1366"
-     inkscape:window-height="709"
+     inkscape:window-height="713"
      inkscape:window-x="0"
-     inkscape:window-y="32"
+     inkscape:window-y="28"
      inkscape:window-maximized="1"
      borderlayer="true"
      inkscape:showpageshadow="false"

Paper/gtk-3.0/gtk-common.css

@@ -64,7 +64,7 @@
 /* Selected color */
 @define-color selected_background @selection;
 @define-color selected_border shade(@selection, 0.9);
-@define-color selected_foreground shade(@selection, 0.5);
+@define-color selected_foreground shade(@selection, 0.3);
 @define-color selection_foreground @selected_foreground;
 
 /****************
@@ -90,45 +90,19 @@
 @define-color panel_bg_color @panel;
 @define-color panel_fg_color @panel_text;
 
-/***************
- * Header Bars *
- ***************/
 
-@define-color backdrop_header_text alpha(@header_text, 0.7);
+/*****************
-@define-color insensitive_header_text alpha(@header_text, 0.5);
+ * Trough Colors *
+ *****************/
 
-
-@define-color backdrop_header_text_dark alpha(@header_text_dark, 0.7);
-@define-color insensitive_header_text_dark alpha(@header_text_dark, 0.5);
-
-/**************
- * Scrollbars *
- **************/
-@define-color scrollbar_slider shade(@foreground,1.2);
-@define-color scrollbar_slider_backdrop shade(@scrollbar_slider,0.95);
-@define-color scrollbar_slider_insensitive shade(@scrollbar_slider,1.05);
-
-@define-color scrollbar_trough transparent;
-@define-color scrollbar_trough_insensitive shade(@scrollbar_trough,0.95);
-@define-color scrollbar_trough_backdrop shade(@scrollbar_trough,0.95);
-
-/****************
- * Progressbars *
- ****************/
-
-@define-color progressbar_background @selection;
-@define-color backdrop_progressbar_background shade(@progressbar_background, 1.2);
-@define-color insensitive_progressbar_background shade(@insensitive_background, 0.85);
-
-
-/***********
- * Troughs *
- ***********/
-@define-color trough_active @selected_background;
-@define-color trough_active_backdrop @backdrop_selected_background;
 @define-color trough_background @base;
-@define-color insensitive_trough_background shade(@trough_background, 0.9);
+@define-color backdrop_trough_background @backdrop_base;
-@define-color backdrop_trough_background shade(@trough_background, 1.1);
+@define-color insensitive_trough_background @insensitive_base;
+
+@define-color trough_border shade(@border, 1.02);
+@define-color backdrop_trough_border shade(@backdrop_border, 1.2);
+@define-color insensitive_trough_border shade(@insensitive_border, 1.2);
+
 
 /*********************
  * Internal elements *
@@ -154,44 +128,6 @@
  ***********/
 @define-color osd_popover_background alpha(@panel, 0.90);
 
-/******************
- * Infobar colors *
- ******************/
-
-@define-color infobar_background @selection;
-@define-color infobar_foreground white;
-
-@define-color question #4ab3e4;
-@define-color warning #f67d42;
-@define-color error #e74c3c;
-@define-color success #349F8C;
-@define-color info #f5f697;
-
-/* Info colors */
-@define-color info_foreground #333333;
-@define-color info_text_shadow alpha(white, 0.2);
-@define-color info_background @info;
-@define-color info_border shade(@info_background, 0.9);
-
-/* Warning colors */
-@define-color warning_foreground #333333;
-@define-color warning_text_shadow alpha(white, 0.2);
-@define-color warning_background @warning;
-@define-color warning_border shade(@warning_background, 0.9);
-
-/* Question colors */
-@define-color question_foreground white;
-@define-color question_text_shadow alpha(#000, 0.2);
-@define-color question_background @question;
-@define-color question_border shade(@question_background, 0.9);
-
-/* Error colors */
-@define-color error_foreground white;
-@define-color error_text_shadow alpha(#000, 0.5);
-@define-color error_background @error;
-@define-color error_border shade(@error_background, 0.9);
-
-
 /***********
  * Imports *
  ***********/

Paper/gtk-3.0/gtk-dark.css

@@ -16,7 +16,6 @@
 * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
 */
 
-
 /**********
  * Colors *
  **********/
@@ -33,8 +32,6 @@
 @define-color backdrop_header #5A6367; /* Header backdrop color */
 @define-color header_text alpha(#fff, 0.7);/* Header text color */
 @define-color header_text_dark alpha(#000, 0.3);/* Header text color */
-@define-color menu #636E73;/* Menu color */
-@define-color menu_text #d3d9dc;/* Menu color */
 @define-color selection #90a4ae;/* Selection color */
 @define-color view_background @base;/* View background */
 @define-color inactive_frame @border;/* Inactive frame color */
@@ -42,6 +39,7 @@
 @define-color panel_text_shadow alpha(#000, 0.2);/* Panel text color */
 @define-color text_shadow alpha(white, 0.4);/* Text shadow */
 @define-color icon_shadow @text_shadow;/* Icon shadow */
+@define-color progress_color #90a4ae; /* Progress color */
 
 /* Hightlight & shadow colors */
 @define-color highlight alpha(#fff, 0.2);

Paper/gtk-3.0/gtk.css

@@ -16,7 +16,6 @@
 * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
 */
 
-
 /**********
  * Colors *
  **********/
@@ -40,6 +39,7 @@
 @define-color panel_text_shadow alpha(#000, 0.2);/* Panel text color */
 @define-color text_shadow alpha(white, 0.4);/* Text shadow */
 @define-color icon_shadow @text_shadow;/* Icon shadow */
+@define-color progress_color #9fb0b9; /* Progressbar color */
 
 /* Hightlight & shadow colors */
 @define-color highlight alpha(#fff, 0.2);

Paper/gtk-3.0/widgets/buttons.css

@@ -97,7 +97,7 @@ GtkCalendar.button:backdrop:hover,
 .button:active:hover,
 .button.text-button:hover,
 .button.image-button:hover {
-    border: 1px solid shade(@selection, 1.1);
+    border: 1px solid @selection;
     background-color: shade(@selection, 1.2);
     background-image: linear-gradient(to bottom, 
                                       shade(@selection, 1.2),

Paper/gtk-3.0/widgets/header-bar.css

@@ -17,6 +17,11 @@
 */
 
 
+@define-color backdrop_header_text alpha(@header_text, 0.7);
+@define-color insensitive_header_text alpha(@header_text, 0.5);
+@define-color backdrop_header_text_dark alpha(@header_text_dark, 0.7);
+@define-color insensitive_header_text_dark alpha(@header_text_dark, 0.5);
+
 /**************
  * Header Bar *
  **************/
@@ -28,7 +33,7 @@
     background-color: @header;
     color: @header_text;
     box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
-                inset 0 -1px 0 0 rgba(0,0,0,0.1);
+                inset 0 -1px 2px 0 rgba(0,0,0,0.1);
 }
 
 
@@ -53,7 +58,7 @@
 .header-bar .title {
     padding-left: 13px;
     padding-right: 13px;
-    font: Bold 10;
+    font: Bold 9;
     color: @header_text;
 }
 
@@ -134,14 +139,8 @@
     box-shadow: inset 0 -2px 0 0 @header_text;
 }
 
-.header-bar .linked:active,
-.header-bar .image-button:active  {    
-    box-shadow: 0 2px 0 0 @header_text;
-}
-
-
 .header-bar .text-button:active {
-    font: Bold 10;
+    font: Bold 9;
 }
 
 /* Checked Button */
@@ -160,13 +159,8 @@
     box-shadow: 0 -2px 0 0 @header_text;
 }
 
-.header-bar .linked:checked,
-.header-bar .image-button:checked  {    
-    box-shadow: 0 2px 0 0 @header_text;
-}
-
 .header-bar .text-button:checked {
-    font: Bold 10;
+    font: Bold 9;
 }
 
 /* Focus Button */
@@ -185,11 +179,6 @@
     box-shadow: inset 0 -2px 0 0 @header_text;
 }
 
-.header-bar .linked:focus,
-.header-bar .image-button:focus  {    
-    box-shadow: 0 2px 0 0 @header_text;
-}
-
 
 /* Hover Button */
 .header-bar .button:hover,
@@ -260,17 +249,8 @@
     box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
 }
 
-.header-bar .linked:focus:backdrop,
-.header-bar .image-button:focus:backdrop
-.header-bar .linked:active:backdrop,
-.header-bar .image-button:active:backdrop
-.header-bar .linked:checked:backdrop,
-.header-bar .image-button:checked:backdrop  {    
-    box-shadow: 0 2px 0 0 @backdrop_header_text;
-}
-
 .header-bar .text-button:active:backdrop {
-    font: Bold 10;
+    font: Bold 9;
 }
 
 /* Backdrop:Hover Button */

Paper/gtk-3.0/widgets/infobars.css

@@ -16,6 +16,44 @@
 * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
 */
 
+@define-color infobar_background @selection;
+@define-color infobar_foreground #fff;
+
+/* Success colors */
+@define-color success #4bae4f;
+@define-color success_foreground #fff;
+@define-color success_text_shadow alpha(#fff, 0.2);
+@define-color success_background @success;
+@define-color success_border shade(@info_background, 0.9);
+
+/* Info colors */
+@define-color info #2095f2;
+@define-color info_foreground #333333;
+@define-color info_text_shadow alpha(#fff, 0.2);
+@define-color info_background @info;
+@define-color info_border shade(@info_background, 0.9);
+
+/* Warning colors */
+@define-color warning #fec006;
+@define-color warning_foreground #333333;
+@define-color warning_text_shadow alpha(#fff, 0.2);
+@define-color warning_background @warning;
+@define-color warning_border shade(@warning_background, 0.9);
+
+/* Question colors */
+@define-color question #4ab3e4;
+@define-color question_foreground #fff;
+@define-color question_text_shadow alpha(#000, 0.2);
+@define-color question_background @question;
+@define-color question_border shade(@question_background, 0.9);
+
+/* Error colors */
+@define-color error #f34235;
+@define-color error_foreground #fff;
+@define-color error_text_shadow alpha(#000, 0.5);
+@define-color error_background @error;
+@define-color error_border shade(@error_background, 0.9);
+
 /**************
  * GtkInfoBar *
  **************/

Paper/gtk-3.0/widgets/levelbars.css

@@ -34,8 +34,10 @@ GtkLevelBar.vertical {
 
 .level-bar.trough,
 .level-bar.trough:backdrop {
-    border-radius: 2px;
+    border: 1px solid @border;
-    padding: 2px;
+    background: @base;
+    border-radius: 0px;
+    padding:1px;
 }
 
 .level-bar.fill-block {
@@ -50,7 +52,7 @@ GtkLevelBar.vertical {
 
 .level-bar.indicator-continuous.fill-block {
     padding: 2px;
-    border-radius: 2px;
+    border-radius: 4px;
 }
 
 .level-bar.fill-block:backdrop,
@@ -62,46 +64,23 @@ GtkLevelBar.vertical {
 }
 
 .level-bar.indicator-discrete.fill-block.horizontal {
+    border-radius: 4px;
     margin: 0 1px;
 }
 
 .level-bar.indicator-discrete.fill-block.vertical {
+    border-radius: 4px;
     margin: 1px 0;
 }
 
-.level-bar.indicator-discrete.fill-block.horizontal:first-child {
-    border-radius: 2px 0 0 2px;
-}
-
-.level-bar.indicator-discrete.fill-block.horizontal:last-child {
-    border-radius: 0 2px 2px 0;
-}
-
-.level-bar.indicator-discrete.fill-block.vertical:first-child {
-    border-radius: 2px 2px 0 0;
-}
-
-.level-bar.indicator-discrete.fill-block.vertical:last-child {
-    border-radius: 0 0 2px 2px;
-}
-
-
 .level-bar.fill-block.level-high {
-    border-color: shade(@success, 0.85);
+    border-color: shade(@success, 0.9);
-    background-image: linear-gradient(to bottom,
+    background-color: @success;
-                                      shade(@success, 1.2),
-                                      @success 75%,
-                                      shade(@success, 0.95)
-                                      );
 }
 
 .level-bar.fill-block.level-low {
-    border-color: shade(@warning, 0.80);
+    border-color: shade(@warning, 0.9);
-    background-image: linear-gradient(to bottom,
+    background-color: @warning;
-                                      shade(@warning, 1.3),
-                                      @warning 75%,
-                                      shade(@warning, 0.90)
-                                      );
 }
 
 .level-bar.fill-block.empty-fill-block {

Paper/gtk-3.0/widgets/message-dialogs.css

@@ -22,10 +22,7 @@
 
 .message-dialog {
     padding: 0px;
-    border-radius: 4px;
+    padding-top: 8px;
-    border: none;
-    outline: none;
-    box-shadow: none;
     background: @background;
     -GtkDialog-button-spacing: 0;
     border-bottom-left-radius: 6px;
@@ -42,6 +39,7 @@
     background: @background;
     box-shadow: 0 3px 6px alpha (#000, 0.16),
                 0 3px 6px alpha (#000, 0.23);
+    padding-top: 8px;
     margin: 0;
 }
 
@@ -100,7 +98,7 @@
 }
 
 .message-dialog.csd .dialog-action-area .button {
-    border-radius: 0;
+    border-radius: 2px;
     border: none;
     background-image: none;
     background-color: transparent;
@@ -108,38 +106,32 @@
 }
 
 .message-dialog.csd .dialog-action-area .button:hover {
-    border: none;
+    background-color: @selection;
-    background-image: none;
+    color: @selection_foreground;
-    background-color: transparent;
-    color: @selection;
 }
 
-.message-dialog.csd .dialog-action-area .button:active {
+.message-dialog.csd .dialog-action-area .button:active,
-    border: none;
+.message-dialog.csd .dialog-action-area .button:active:hover {
-    background-image: none;
+    border-radius: 2px;
-    background-color: transparent;
+    background-color: alpha(#000, 0.2);
     color: @text;
 }
 
 .message-dialog.csd .dialog-action-area .button:insensitive {
-    border: 0px solid @insensitive_border;
     background-color: @insensitive_background;
     color: @insensitive_text;
 }
 
 .message-dialog.csd .dialog-action-area .button:backdrop {
-    border: 0px solid @backdrop_border;
     background-color: @backdrop_background;
     color: @backdrop_text;
 }
 
 .message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
-    border: 0px solid mix(@insensitive_border, @backdrop_border, 0.5);
     background-color: mix(@insensitive_background, @backdrop_background, 0.5);
     color: mix(@insensitive_text, @backdrop_text, 0.5);
 }
 
-
 .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label,
 .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label,
 .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label,

Paper/gtk-3.0/widgets/progressbars.css

@@ -17,6 +17,11 @@
 * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
 */
 
+@define-color progressbar_background @progress_color;
+@define-color progressbar_border shade(@progressbar_background, 0.7);
+@define-color backdrop_progressbar_background shade(@progressbar_background, 1.2);
+@define-color insensitive_progressbar_background shade(@insensitive_background, 0.85);
+
 
 /****************
  * Progress bar *
@@ -24,65 +29,64 @@
 
 GtkProgressBar {
     padding: 0;
+    border: 1px solid;
     border-radius: 4px;
 }
 
-GtkProgressBar.progressbar,
+GtkProgressBar.progressbar {
+    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
+    border-color: @progressbar_border;
+    color: @text;
+    background-color: @progressbar_background;
+}
+
 GtkProgressBar.progressbar:active {
-    border: 1px solid shade(@progressbar_background, 0.7);
+    border-color: @progressbar_border;
-    border-radius: 4px;
     color: @text;
     background-color: @progressbar_background;
 }
 
 GtkProgressBar.progressbar:backdrop,
 GtkProgressBar.progressbar:active:backdrop {
-    border: 1px solid shade(@progressbar_background, 0.7);
+    border-color: @progressbar_border;
-    border-radius: 4px;
     color: @backdrop_text;
     background-color: @backdrop_progressbar_background;
 }
 
 GtkProgressBar.trough {
-    border: 1px solid @border;
+    border-color: @trough_border;
-    border-radius: 4px;
-    color: @text;
     background-color: @trough_background;
 }
 
 GtkProgressBar.trough:backdrop {
-    border: 1px solid @backdrop_border;
+    border-color: @backdrop_trough_border;
-    border-radius: 4px;
-    color: @backdrop_text;
     background-color: @backdrop_trough_background;
 }
 
 GtkProgressBar.trough:insensitive {
-    border: 1px solid @insensitive_border;
+    border-color: @insensitive_trough_border;
-    border-radius: 4px;
-    color: @insensitive_text;
     background-color: @insensitive_trough_background;
 }
 
 .trough,
 .trough.vertical {
     padding: 0;
-    border: 1px solid @border;
+    border: 1px solid @trough_border;
     background-color: @trough_background;
 }
 
 .trough:insensitive,
 .trough.vertical:insensitive {
     background-image:none;
-    background-color:@insensitive_base;
+    background-color:@insensitive_trough_background;
-    border: 1px solid @insensitive_border;
+    border: 1px solid @insensitive_rough_border;
 }
 
 .trough:backdrop,
 .trough.vertical:backdrop {
     padding: 0;
-    border: 1px solid @backdrop_border;
+    border: 1px solid @backdrop_trough_border;
-    background-color: @backdrop_background;
+    background-color: @backdrop_trough_background;
 }
 
 
@@ -98,8 +102,9 @@ GtkProgressBar.trough:insensitive {
 .progressbar.vertical row:hover,
 .progressbar.vertical row:selected,
 .progressbar.vertical row:selected:focus {
-    border: 1px solid shade(@progressbar_background, 0.7);
+    border: 1px solid @progressbar_border;
-    border-radius: 0px;
+    border-radius: 4px;
+    padding: 0;
     color: alpha(#000,0.5);
     background-color: @selection;
 }
@@ -112,8 +117,9 @@ GtkProgressBar.trough:insensitive {
 .progressbar.vertical row:hover:insensitive,
 .progressbar.vertical row:selected:insensitive,
 .progressbar.vertical row:selected:focus:insensitive {
-    border: 1px solid shade(@progressbar_background, 0.7);
+    border: 1px solid @insensitive_progressbar_border;
-    border-radius: 0px;
+    border-radius: 4px;
+    padding: 0;
     color: alpha(#000,0.5);
     background-color: @selection;
 }
@@ -126,8 +132,9 @@ GtkProgressBar.trough:insensitive {
 .progressbar.vertical row:hover:backdrop,
 .progressbar.vertical row:selected:backdrop,
 .progressbar.vertical row:selected:focus:backdrop {
-    border: 1px solid shade(@progressbar_background, 0.7);
+    border: 1px solid @backdrop_progressbar_border;
-    border-radius: 0px;
+    border-radius: 4px;
+    padding: 0;
     color: alpha(#000,0.5);
     background-color: @backdrop_progressbar_background;
 }
@@ -141,13 +148,10 @@ GtkProgressBar.trough:insensitive {
 .trough.vertical row:selected,
 .trough.vertical row:selected:focus {
     border: 1px solid alpha(#000, 0.2);
-    border-radius: 0px;
+    border-radius: 4px;
+    padding: 0;
     color: alpha(#000,0.5);
     background-color: @trough_background;
-    background-image: linear-gradient(to bottom,
-                                  @trough_background,
-                                  shade(@trough_background, 1.05)
-                                  );
 }
 
 
@@ -160,7 +164,8 @@ GtkProgressBar.trough:insensitive {
 .trough.vertical row:selected:insensitive,
 .trough.vertical row:selected:focus:insensitive {
     border: 1px solid alpha(#000, 0.2);
-    border-radius: 0px;
+    border-radius: 4px;
+    padding: 0;
     color: alpha(#000,0.5);
     background-color: @insensitive_trough_background;
 }
@@ -174,7 +179,8 @@ GtkProgressBar.trough:insensitive {
 .trough.vertical row:selected:backdrop,
 .trough.vertical row:selected:focus:backdrop {
     border: 1px solid alpha(#000, 0.2);
-    border-radius: 0px;
+    border-radius: 4px;
+    padding: 0;
     color: alpha(#000,0.5);
     background-color: @backdrop_trough_background;
 }

Paper/gtk-3.0/widgets/scales.css

@@ -16,6 +16,11 @@
 * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
 */
 
+@define-color scale_background @progress_color;
+@define-color scale_border shade(@scale_background, 0.7);
+@define-color backdrop_scale_background shade(@scale_background, 1.2);
+@define-color insensitive_scale_background shade(@insensitive_background, 0.8);
+
 /**********
  * Scales *
  **********/
@@ -32,8 +37,8 @@
 .scale.vertical.highlight.bottom,
 .menubar .menuitem .scale.highlight.left,
 .menubar .menuitem .scale.highlight.bottom {
-    border: 1px solid @selection;
+    border: 1px solid @scale_background;
-    background-color: @selection;
+    background-color: @scale_background;
 }
 
 /* Insensitive fill colors */
@@ -41,26 +46,17 @@
 .scale.highlight.bottom:insensitive,
 .menubar .menuitem .scale.highlight.left:insensitive,
 .menubar .menuitem .scale.highlight.bottom:insensitive {
-    border: 1px solid @insensitive_base;
+    border: 1px solid @insensitive_scale_background;
-    background-color: @insensitive_base;
+    background-color: @insensitive_scale_background;
 }
 
-/* Hover fill colors */
+/* Backdrop fill colors */
-.scale.highlight.left:hover,
-.scale.highlight.bottom:hover,
-.menubar .menuitem .scale.highlight.left:hover,
-.menubar .menuitem .scale.highlight.bottom:hover {
-    border: 1px solid shade(@selection, 1.05);
-    background-color: shade(@selection, 1.05);
-}
-
-/* backdrop fill colors */
 .scale.vertical.highlight.left:backdrop,
 .scale.vertical.highlight.bottom:backdrop,
 .menubar .menuitem.scale.highlight.left:backdrop,
 .menubar .menuitem.scale.highlight.bottom:backdrop {
-    border: 1px solid @backdrop_selection;
+    border: 1px solid @backdrop_scale_background;
-    background-color: @backdrop_selection;
+    background-color: @backdrop_scale_background;
 }
 
 /***********
@@ -81,7 +77,7 @@
 /* Trough colors */
 .scale.trough,
 .scale.trough.vertical {
-    border: 1px solid @border;
+    border: 1px solid @trough_background;
     background-color: @trough_background;
 }
 
@@ -89,20 +85,20 @@
 .scale.trough:hover,
 .scale.trough.vertical:hover {
     border: 1px solid @border;
-    background-color: @hover_background;
+    background-color: @border;
 }
 
 /* Insensitive trough colors */
 .scale.trough:insensitive,
 .scale.trough.vertical:insensitive {
-    border: 1px solid @border;
+    border: 1px solid @insensitive_trough_background;
     background-color: @insensitive_trough_background;
 }
 
-/* backdrop trough colors */
+/* Backdrop trough colors */
 .scale.trough:backdrop,
 .scale.trough.vertical:backdrop {
-    border: 1px solid @border;
+    border: 1px solid @backdrop_trough_background;
     background-color: @backdrop_trough_background;
 }
 
@@ -111,8 +107,8 @@
  ****************/
 .scale.progressbar
 .scale.progressbar.vertical {
-    background-color: @selection;
+    background-color: @scale_background;
-    border: 1px solid @selection;
+    border: 1px solid @scale_background;
 }
 
 .scale.progressbar:insensitive,

Paper/gtk-3.0/widgets/scrollbars.css

@@ -16,6 +16,14 @@
 * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
 */
 
+@define-color scrollbar_slider shade(@foreground,1.2);
+@define-color scrollbar_slider_backdrop shade(@scrollbar_slider,0.95);
+@define-color scrollbar_slider_insensitive shade(@scrollbar_slider,1.05);
+
+@define-color scrollbar_trough transparent;
+@define-color scrollbar_trough_insensitive shade(@scrollbar_trough,0.95);
+@define-color scrollbar_trough_backdrop shade(@scrollbar_trough,0.95);
+
 /**************
  * Scrollbars *
  **************/

Paper/gtk-3.0/widgets/titlebar.css

@@ -27,7 +27,7 @@
     background-color: @header;
     color: @header_text;
     box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
-                inset 0 -1px 0 0 rgba(0,0,0,0.1);
+                inset 0 -1px 2px 0 rgba(0,0,0,0.1);
 }
 
 .maximized .titlebar {
@@ -59,7 +59,7 @@
     padding-left: 13px;
     padding-right: 13px;
     color: @header_text;
-    font: Bold 10;
+    font: Bold 9;
 }
 
 /* Subtitle */
@@ -133,7 +133,7 @@
 }
 
 .titlebar .text-button:active {
-    font: Bold 10;
+    font: Bold 9;
 }
 
 /* Checked Button */
@@ -154,7 +154,7 @@
 }
 
 .titlebar .text-button:checked {
-    font: Bold 10;
+    font: Bold 9;
 }
 
 /* Focus Button */
@@ -190,15 +190,6 @@
     color: @header_text;
 }
 
-.titlebar .linked:focus,
-.titlebar .image-button:focus
-.titlebar .linked:active,
-.titlebar .image-button:active
-.titlebar .linked:checked,
-.titlebar .image-button:checked  {    
-    box-shadow: 0 2px 0 0 @header_text;
-}
-
 /* Backdrop Button */
 .titlebar .button:backdrop,
 .titlebar .text-button:backdrop,
@@ -255,19 +246,8 @@
 }
 
 
-.titlebar .titlebutton:focus:backdrop,
-.titlebar .image-button:focus:backdrop
-.titlebar .linked:focus:backdrop,
-.titlebar .image-button:focus:backdrop
-.titlebar .linked:active:backdrop,
-.titlebar .image-button:active:backdrop
-.titlebar .linked:checked:backdrop,
-.titlebar .image-button:checked:backdrop  {    
-    box-shadow: 0 2px 0 0 @backdrop_header_text;
-}
-
 .titlebar .text-button:active:backdrop {
-    font: Bold 10;
+    font: Bold 9;
 }
 
 /* Backdrop:Hover; Button */

src/gtk3/gtk3-assets.svg

@@ -16,7 +16,7 @@
    height="300"
    id="svg11300"
    sodipodi:version="0.32"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.91 r"
    sodipodi:docname="gtk3-assets.svg"
    inkscape:output_extension="org.inkscape.output.svg.inkscape"
    version="1.0"
@@ -34,17 +34,17 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:zoom="1"
-     inkscape:cx="341.56373"
+     inkscape:cx="350.88113"
-     inkscape:cy="88.060311"
+     inkscape:cy="56.461941"
      inkscape:current-layer="layer2"
      showgrid="false"
      inkscape:grid-bbox="true"
      inkscape:document-units="px"
      inkscape:showpageshadow="false"
      inkscape:window-width="1366"
-     inkscape:window-height="699"
+     inkscape:window-height="713"
      inkscape:window-x="0"
-     inkscape:window-y="27"
+     inkscape:window-y="28"
      width="400px"
      height="300px"
      inkscape:snap-nodes="true"
@@ -3335,15 +3335,15 @@
     </g>
     <g
        id="g4995"
-       style="fill:#dddddd;fill-opacity:1">
+       style="fill:#d8d8d8;fill-opacity:1">
       <path
          sodipodi:nodetypes="cccccccc"
          inkscape:connector-curvature="0"
          id="path5218"
          d="m 335,180 -5,5 -8,0 c 0,0 -1,0 -1,-1 l 0,-8 c 0,-1 1,-1 1,-1 l 8,0 z"
-         style="display:inline;opacity:1;fill:#dddddd;fill-opacity:1;stroke:none;enable-background:new" />
+         style="display:inline;opacity:1;fill:#d8d8d8;fill-opacity:1;stroke:none;enable-background:new" />
       <path
-         style="display:inline;opacity:1;fill:#dddddd;fill-opacity:1;stroke:none;enable-background:new"
+         style="display:inline;opacity:1;fill:#d8d8d8;fill-opacity:1;stroke:none;enable-background:new"
          d="m 291,180 5,5 8,0 c 0,0 1,0 1,-1 l 0,-8 c 0,-1 -1,-1 -1,-1 l -8,0 z"
          id="path5220"
          inkscape:connector-curvature="0"
@@ -3353,9 +3353,9 @@
          inkscape:connector-curvature="0"
          id="path5222"
          d="m 268,173 -5,5 0,8 c 0,0 0,1 1,1 l 8,0 c 1,0 1,-1 1,-1 l 0,-8 z"
-         style="display:inline;opacity:1;fill:#dddddd;fill-opacity:1;stroke:none;enable-background:new" />
+         style="display:inline;opacity:1;fill:#d8d8d8;fill-opacity:1;stroke:none;enable-background:new" />
       <path
-         style="display:inline;opacity:1;fill:#dddddd;fill-opacity:1;stroke:none;enable-background:new"
+         style="display:inline;opacity:1;fill:#d8d8d8;fill-opacity:1;stroke:none;enable-background:new"
          d="m 238,187 -5,-5 0,-8 c 0,0 0,-1 1,-1 l 8,0 c 1,0 1,1 1,1 l 0,8 z"
          id="path5224"
          inkscape:connector-curvature="0"
@@ -3365,7 +3365,7 @@
          cy="182"
          cx="358"
          id="circle4829-6"
-         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;fill:#dddddd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
+         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;fill:#d8d8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
     </g>
     <g
        style="fill:#f3f3f3;fill-opacity:1;stroke:#cccccc;stroke-opacity:1;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
@@ -3546,9 +3546,9 @@
          inkscape:connector-curvature="0"
          id="path16920"
          d="m 335,240 -5,5 -8,0 c 0,0 -1,0 -1,-1 l 0,-8 c 0,-1 1,-1 1,-1 l 8,0 z"
-         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" />
+         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" />
       <path
-         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
+         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
          d="m 291,240 5,5 8,0 c 0,0 1,0 1,-1 l 0,-8 c 0,-1 -1,-1 -1,-1 l -8,0 z"
          id="path16922"
          inkscape:connector-curvature="0"
@@ -3558,15 +3558,15 @@
          cy="242"
          cx="358"
          id="circle16924"
-         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#9fb0b9;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#9fb0b9;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
       <path
          sodipodi:nodetypes="cccccccc"
          inkscape:connector-curvature="0"
          id="path16926"
          d="m 268,233 -5,5 0,8 c 0,0 0,1 1,1 l 8,0 c 1,0 1,-1 1,-1 l 0,-8 z"
-         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" />
+         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" />
       <path
-         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
+         style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:#9fb0b9;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new"
          d="m 238,247 -5,-5 0,-8 c 0,0 0,-1 1,-1 l 8,0 c 1,0 1,1 1,1 l 0,8 z"
          id="path16928"
          inkscape:connector-curvature="0"