[gnome-themes-standard] spinner + added sass processed files (oops)
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] spinner + added sass processed files (oops)
- Date: Mon, 9 Jun 2014 13:07:47 +0000 (UTC)
commit a8bffe6a90b6bdb51a86531f643647ee96b3c2a1
Author: Jakub Steiner <jimmac gmail com>
Date: Thu May 15 16:35:01 2014 +0200
spinner + added sass processed files (oops)
themes/Adwaita/gtk-3.0/_common.scss | 20 ++-
themes/Adwaita/gtk-3.0/_spinner.scss | 116 -------
themes/Adwaita/gtk-3.0/assets/spinner.svg | 24 +-
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 420 +++++++++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-contained.css | 420 +++++++++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk.gresource.xml | 1 +
6 files changed, 872 insertions(+), 129 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 0c8f4f7..5405042 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -139,7 +139,25 @@ GtkGrid:insensitive {
}
// spinner animation
- import 'spinner';
+
+ keyframes spin {
+ to { -gtk-icon-transform: rotate(1turn); }
+}
+
+.spinner {
+ background-image: none;
+ background-color: blue;
+ opacity: 0; /* non spinning spinner makes no sense */
+ -gtk-icon-source: url("assets/spinner.svg");
+
+ &:active {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+ &:insensitive {
+ opacity: 0.5;
+ }
+ }
+}
/****************
* Text Entries *
diff --git a/themes/Adwaita/gtk-3.0/assets/spinner.svg b/themes/Adwaita/gtk-3.0/assets/spinner.svg
index 0649296..1abf988 100644
--- a/themes/Adwaita/gtk-3.0/assets/spinner.svg
+++ b/themes/Adwaita/gtk-3.0/assets/spinner.svg
@@ -10,12 +10,12 @@
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="32"
- height="32"
+ width="16"
+ height="16"
id="svg27179"
version="1.1"
- inkscape:version="0.48+devel r13295"
- sodipodi:docname="spinner.svg">
+ inkscape:version="0.48.4 r9939"
+ sodipodi:docname="New document 15">
<defs
id="defs27181">
<radialGradient
@@ -147,8 +147,8 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
- inkscape:cx="4.6163714"
- inkscape:cy="10.426167"
+ inkscape:cx="5.522675"
+ inkscape:cy="-0.6760138"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -160,8 +160,8 @@
inkscape:showpageshadow="false"
inkscape:window-width="1498"
inkscape:window-height="1267"
- inkscape:window-x="802"
- inkscape:window-y="65"
+ inkscape:window-x="2560"
+ inkscape:window-y="39"
inkscape:window-maximized="0">
<inkscape:grid
type="xygrid"
@@ -187,10 +187,10 @@
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
- transform="translate(39.9998,-1120.3622)">
+ transform="translate(39.9998,-1136.3622)">
<g
style="display:inline"
- transform="matrix(2,0,0,2,-79.9998,568.3622)"
+ transform="translate(-59.9998,860.3622)"
id="spinner"
inkscape:label="spinner">
<rect
@@ -207,7 +207,7 @@
transform="matrix(0.36769992,0,0,0.3599176,203.84779,-218.84768)">
<path
transform="matrix(0.16503219,0.63797925,-0.61796348,0.17151495,-362.96381,1382.7636)"
- d="M -3.4436513,184.72075 A 22.98097,22.98097 0 1 1 -25.809396,156.45789"
+ d="m -3.4436513,184.72075 c -2.9171108,12.35226 -15.2953817,20.00096 -27.6476417,17.08385
-12.35226,-2.91711 -20.00096,-15.29538 -17.083849,-27.64764 2.449452,-10.372 11.708437,-17.69907
22.365746,-17.69907"
sodipodi:ry="22.98097"
sodipodi:rx="22.98097"
sodipodi:cy="179.43886"
@@ -235,7 +235,7 @@
sodipodi:cy="179.43886"
sodipodi:rx="22.98097"
sodipodi:ry="22.98097"
- d="M -3.4436513,184.72075 A 22.98097,22.98097 0 1 1 -25.809396,156.45789"
+ d="m -3.4436513,184.72075 c -2.9171108,12.35226 -15.2953817,20.00096 -27.6476417,17.08385
-12.35226,-2.91711 -20.00096,-15.29538 -17.083849,-27.64764 2.449452,-10.372 11.708437,-17.69907
22.365746,-17.69907"
transform="matrix(-0.64028167,0.01508167,-0.01475182,-0.66372654,-491.96704,1516.643)" />
</g>
</g>
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
new file mode 100644
index 0000000..9b0118b
--- /dev/null
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -0,0 +1,420 @@
+debug {
+ background-color: red; }
+
+* {
+ engine: adwaita;
+ padding: 0;
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 4;
+ -GtkTextView-error-underline-color: #cc0000;
+ -GtkPaned-handle-size: 5;
+ -GtkCheckButton-indicator-size: 16;
+ -GtkCheckMenuItem-indicator-size: 12;
+ /* The size for scrollbars. The slider is 2px smaller, but we keep it
+ * up so that the whole area is sensitive to button presses for the
+ * slider. The stepper button is larger in both directions, the slider
+ * only in the width
+ */
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkScrolledWindow-scrollbars-within-bevel: 1;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkExpander-expander-size: 11;
+ -GtkTreeView-expander-size: 11;
+ -GtkTreeView-horizontal-separator: 4;
+ -GtkMenu-horizontal-padding: 0;
+ -GtkMenu-vertical-padding: 0;
+ -GtkWidget-link-color: #4a90d9;
+ -GtkWidget-visited-link-color: #4a90d9;
+ -GtkWidget-focus-padding: 2;
+ -GtkWidget-focus-line-width: 1;
+ -GtkWindow-resize-grip-width: 0;
+ -GtkWindow-resize-grip-height: 0;
+ outline-color: rgba(238, 238, 236, 0.7);
+ outline-style: dashed;
+ outline-offset: 2px; }
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ color: #eeeeec;
+ background-color: #393f3f; }
+
+.background:backdrop {
+ /* I want everything nice and flat in the unfocused window */
+ text-shadow: none;
+ icon-shadow: none;
+ color: white; }
+
+*:selected,
+*:selected:focus {
+ background-color: #2a76c6;
+ color: white; }
+
+*:selected:backdrop {
+ background-color: #2a76c6;
+ color: white; }
+
+*:insensitive {
+ background-color: transparent;
+ color: white;
+ border-color: #090909; }
+
+*:insensitive:backdrop {
+ /* I want everything nice and flat in the unfocused window */
+ text-shadow: none;
+ icon-shadow: none;
+ color: white; }
+
+/* Apply effects to insensitive and prelit images */
+*:insensitive {
+ -gtk-image-effect: dim; }
+
+*:hover {
+ -gtk-image-effect: highlight; }
+
+*:hover {
+ -gtk-image-effect: highlight; }
+
+.gtkstyle-fallback {
+ background-color: #393f3f;
+ color: #eeeeec; }
+
+.gtkstyle-fallback:prelight {
+ background-color: #515a5a;
+ color: #eeeeec; }
+
+.gtkstyle-fallback:active {
+ background-color: #212424;
+ color: #eeeeec; }
+
+.gtkstyle-fallback:insensitive {
+ background-color: transparent;
+ color: white; }
+
+.gtkstyle-fallback:selected {
+ background-color: #2a76c6;
+ color: white; }
+
+GtkImage,
+GtkImage:insensitive,
+GtkLabel,
+GtkLabel:insensitive,
+GtkBox,
+GtkBox:insensitive,
+GtkGrid,
+GtkGrid:insensitive {
+ background-color: transparent; }
+
+ keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn); } }
+.spinner {
+ background-image: none;
+ background-color: blue;
+ opacity: 0;
+ /* non spinning spinner makes no sense */
+ -gtk-icon-source: url("assets/spinner.svg"); }
+ .spinner:active {
+ opacity: 1;
+ animation: spin 1s linear infinite; }
+ .spinner:active:insensitive {
+ opacity: 0.5; }
+
+/****************
+ * Text Entries *
+ ****************/
+.entry, .linked .entry {
+ padding: 4px;
+ color: #eeeeec;
+ border-radius: 3px;
+ transition: all 200ms ease-out;
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, black 1%, #1a1a1a 10%, #333333);
+ background-color: transparent; }
+ .entry:insensitive, .entry:backdrop:insensitive {
+ color: white;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: inset 0 1px rgba(51, 51, 51, 0.6), 0 1px rgba(51, 51, 51, 0.6);
+ /* doesn't have margin to paint on :( */ }
+ .entry:focus {
+ border-color: #2a76c6;
+ box-shadow: inset 0 0 2px 1px rgba(42, 118, 198, 0.5); }
+ .entry GtkLabel, .linked .entry GtkLabel {
+ text-shadow: 0 1px red; }
+
+.linked .entry:first-child {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-right-width: 0; }
+.linked .entry:last-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+/***********
+ * Buttons *
+ ***********/
+.button, .linked .button, GtkComboBox .button,
+.toolbar .button.raised,
+.toolbar .raised .button,
+.toolbar GtkComboBox .button,
+.spinbutton.vertical .button {
+ border-radius: 3px;
+ transition: all 200ms ease-out;
+ padding: 2px 4px;
+ background-color: transparent;
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, #515a5a, #393f3f 40%, #212424);
+ box-shadow: inset 0 1px rgba(51, 51, 51, 0.6), 0 1px rgba(51, 51, 51, 0.6);
+ /* Suggested and Destructive Action buttons */ }
+ .button:hover,
+ .toolbar .button.raised:hover,
+ .toolbar .raised .button:hover,
+ .toolbar GtkComboBox .button:hover,
+ .spinbutton.vertical .button:hover {
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); }
+ .button:active,
+ .toolbar .button.raised:active,
+ .toolbar .raised .button:active,
+ .toolbar GtkComboBox .button:active,
+ .spinbutton.vertical .button:active {
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, #090909, #151717 5%, #212424);
+ box-shadow: inset 0 1px 2px black; }
+ .button:backdrop,
+ .toolbar .button.raised:backdrop,
+ .toolbar .raised .button:backdrop,
+ .toolbar GtkComboBox .button:backdrop,
+ .spinbutton.vertical .button:backdrop {
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, #393f3f);
+ color: white; }
+ .button:backdrop:active,
+ .toolbar .button.raised:backdrop:active,
+ .toolbar .raised .button:backdrop:active,
+ .toolbar GtkComboBox .button:backdrop:active,
+ .spinbutton.vertical .button:backdrop:active {
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, #212424);
+ box-shadow: none;
+ border: 1px solid black;
+ color: #eeeeec; }
+ .button:insensitive,
+ .toolbar .button.raised:insensitive,
+ .toolbar .raised .button:insensitive,
+ .toolbar GtkComboBox .button:insensitive,
+ .spinbutton.vertical .button:insensitive {
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, rgba(57, 63, 63, 0.5)); }
+ .button:backdrop:insensitive,
+ .toolbar .button.raised:backdrop:insensitive,
+ .toolbar .raised .button:backdrop:insensitive,
+ .toolbar GtkComboBox .button:backdrop:insensitive,
+ .spinbutton.vertical .button:backdrop:insensitive {
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ background-image: linear-gradient(to bottom, rgba(57, 63, 63, 0)); }
+ .button.suggested-action,
+ .toolbar .button.raised.suggested-action,
+ .toolbar .raised .button.suggested-action,
+ .toolbar GtkComboBox .suggested-action.button,
+ .spinbutton.vertical .button.suggested-action {
+ border: 1px solid #0f2b48;
+ background-image: linear-gradient(to bottom, #4a90d9, #2a76c6 40%, #215d9c);
+ box-shadow: inset 0 1px rgba(51, 51, 51, 0.6), 0 1px rgba(51, 51, 51, 0.6);
+ color: #333333; }
+ .button.suggested-action:active,
+ .toolbar .button.raised.suggested-action:active,
+ .toolbar .raised .button.suggested-action:active,
+ .toolbar GtkComboBox .suggested-action.button:active,
+ .spinbutton.vertical .button.suggested-action:active {
+ border: 1px solid #0f2b48;
+ background-image: linear-gradient(to bottom, #184472, #1c5187 5%, #215d9c);
+ box-shadow: inset 0 1px 2px #0f2b48; }
+ .button.suggested-action:hover,
+ .toolbar .button.raised.suggested-action:hover,
+ .toolbar .raised .button.suggested-action:hover,
+ .toolbar GtkComboBox .suggested-action.button:hover,
+ .spinbutton.vertical .button.suggested-action:hover {
+ border: 1px solid #0f2b48;
+ background-image: linear-gradient(to bottom, #5b9add, #3180d4 40%, #2a76c6); }
+ .button.suggested-action:backdrop,
+ .toolbar .button.raised.suggested-action:backdrop,
+ .toolbar .raised .button.suggested-action:backdrop,
+ .toolbar GtkComboBox .suggested-action.button:backdrop,
+ .spinbutton.vertical .button.suggested-action:backdrop {
+ border: 1px solid #0f2b48;
+ background-image: linear-gradient(to bottom, #2a76c6); }
+ .button.suggested-action:insensitive,
+ .toolbar .button.raised.suggested-action:insensitive,
+ .toolbar .raised .button.suggested-action:insensitive,
+ .toolbar GtkComboBox .suggested-action.button:insensitive,
+ .spinbutton.vertical .button.suggested-action:insensitive {
+ color: white;
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, rgba(57, 63, 63, 0.5)); }
+ .button.suggested-action:insensitive:backdrop,
+ .toolbar .button.raised.suggested-action:insensitive:backdrop,
+ .toolbar .raised .button.suggested-action:insensitive:backdrop,
+ .toolbar GtkComboBox .suggested-action.button:insensitive:backdrop,
+ .spinbutton.vertical .button.suggested-action:insensitive:backdrop {
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ background-image: linear-gradient(to bottom, rgba(57, 63, 63, 0)); }
+ .button.suggested-action GtkLabel:backdrop:insensitive,
+ .toolbar .button.raised.suggested-action GtkLabel:backdrop:insensitive,
+ .toolbar .raised .button.suggested-action GtkLabel:backdrop:insensitive,
+ .toolbar GtkComboBox .suggested-action.button GtkLabel:backdrop:insensitive,
+ .spinbutton.vertical .button.suggested-action GtkLabel:backdrop:insensitive {
+ color: rgba(255, 255, 255, 0.5); }
+ .button.destructive-action,
+ .toolbar .button.raised.destructive-action,
+ .toolbar .raised .button.destructive-action,
+ .toolbar GtkComboBox .destructive-action.button,
+ .spinbutton.vertical .button.destructive-action {
+ border: 1px solid #470505;
+ background-image: linear-gradient(to bottom, #ef2929, #d51010 40%, #a60c0c);
+ box-shadow: inset 0 1px rgba(51, 51, 51, 0.6), 0 1px rgba(51, 51, 51, 0.6);
+ color: #333333; }
+ .button.destructive-action:active,
+ .toolbar .button.raised.destructive-action:active,
+ .toolbar .raised .button.destructive-action:active,
+ .toolbar GtkComboBox .destructive-action.button:active,
+ .spinbutton.vertical .button.destructive-action:active {
+ border: 1px solid #470505;
+ background-image: linear-gradient(to bottom, #760909, #8e0b0b 5%, #a60c0c);
+ box-shadow: inset 0 1px 2px #470505; }
+ .button.destructive-action:hover,
+ .toolbar .button.raised.destructive-action:hover,
+ .toolbar .raised .button.destructive-action:hover,
+ .toolbar GtkComboBox .destructive-action.button:hover,
+ .spinbutton.vertical .button.destructive-action:hover {
+ border: 1px solid #470505;
+ background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010); }
+ .button.destructive-action:backdrop,
+ .toolbar .button.raised.destructive-action:backdrop,
+ .toolbar .raised .button.destructive-action:backdrop,
+ .toolbar GtkComboBox .destructive-action.button:backdrop,
+ .spinbutton.vertical .button.destructive-action:backdrop {
+ border: 1px solid #470505;
+ background-image: linear-gradient(to bottom, #d51010); }
+ .button.destructive-action:insensitive,
+ .toolbar .button.raised.destructive-action:insensitive,
+ .toolbar .raised .button.destructive-action:insensitive,
+ .toolbar GtkComboBox .destructive-action.button:insensitive,
+ .spinbutton.vertical .button.destructive-action:insensitive {
+ color: white;
+ border: 1px solid black;
+ background-image: linear-gradient(to bottom, rgba(57, 63, 63, 0.5)); }
+ .button.destructive-action:insensitive:backdrop,
+ .toolbar .button.raised.destructive-action:insensitive:backdrop,
+ .toolbar .raised .button.destructive-action:insensitive:backdrop,
+ .toolbar GtkComboBox .destructive-action.button:insensitive:backdrop,
+ .spinbutton.vertical .button.destructive-action:insensitive:backdrop {
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ background-image: linear-gradient(to bottom, rgba(57, 63, 63, 0)); }
+ .button.destructive-action GtkLabel:backdrop:insensitive,
+ .toolbar .button.raised.destructive-action GtkLabel:backdrop:insensitive,
+ .toolbar .raised .button.destructive-action GtkLabel:backdrop:insensitive,
+ .toolbar GtkComboBox .destructive-action.button GtkLabel:backdrop:insensitive,
+ .spinbutton.vertical .button.destructive-action GtkLabel:backdrop:insensitive {
+ color: rgba(255, 255, 255, 0.5); }
+
+.linked .button {
+ padding: 6px;
+ border-radius: 0;
+ border-right-width: 0; }
+ .linked .button:first-child {
+ border-radius: 3px 0 0 3px;
+ border-width: 1px 0 1px 1px; }
+ .linked .button:last-child {
+ border-radius: 0 3px 3px 0;
+ border-width: 1px; }
+ .linked .button:only-child {
+ border-radius: 3px;
+ border-width: 1px; }
+
+.header-bar .button.text-button {
+ padding: 6px 8px 5px;
+ /* due to font metrics the image buttons are 1px shorter */ }
+.header-bar .button.image-button {
+ padding: 8px; }
+
+/**************
+ * ComboBoxes *
+ **************/
+GtkComboBox {
+ padding: 0;
+ -GtkComboBox-arrow-scaling: 0.5;
+ -GtkComboBox-shadow-type: none; }
+ GtkComboBox .separator {
+ /* always disable separators */
+ -GtkWidget-wide-separators: true;
+ -GtkWidget-horizontal-separator: 0;
+ -GtkWidget-vertical-separator: 0; }
+ GtkComboBox.combobox-entry .entry:first-child {
+ border-radius: 3px 0 0 3px;
+ border-right: 0; }
+ GtkComboBox.combobox-entry .button:first-child {
+ border-radius: 3px 0 0 3px; }
+ GtkComboBox.combobox-entry .entry:last-child {
+ border-radius: 0 3px 3px 0;
+ border-left: 0; }
+ GtkComboBox.combobox-entry .button:last-child {
+ border-radius: 0 3px 3px 0; }
+ GtkComboBox .linked .button, .linked GtkComboBox .button, GtkComboBox .button {
+ padding: 4px 6px; }
+
+/***************
+ * Header bars *
+ ***************/
+.header-bar {
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: black;
+ border-radius: 7px 7px 0 0;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, #3e4444, #2d3232);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(51, 51, 51, 0.6);
+ padding: 6px; }
+ .header-bar:backdrop {
+ background-image: none;
+ background-color: #393f3f; }
+ .header-bar .title {
+ font: Bold;
+ padding: 0px 12px; }
+ .header-bar .subtitle {
+ font-size: 80%;
+ padding: 0 12px; }
+ .header-bar > GtkBox > .separator.vertical {
+ -GtkWidget-wide-separators: 1;
+ -GtkWidget-separator-width: 2px;
+ background-color: transparent;
+ border-width: 0 1px;
+ border-style: solid;
+ border-color: transparent;
+ border-image: -gtk-scaled(url("assets/header-separator.png"), url("assets/header-separator 2 png")) 0 1
0 1/0 1px 0 1px stretch; }
+ .header-bar.selection-mode {
+ color: #1c5187;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+ background-image: linear-gradient(to bottom, #3583d5, #2b7bcf); }
+
+.window-frame.tiled .header-bar {
+ border-radius: 0;
+ /* FIXME doesn't work */ }
+
+/***************
+ * WM Stuff *
+ ***************/
+.window-frame {
+ border-radius: 7px 7px 0 0;
+ /* lamefun trick to get rounded borders regardless of CSD use */
+ border-width: 0px;
+ box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.15);
+ /* this is used for the resize cursor area */
+ margin: 10px; }
+ .window-frame:backdrop {
+ box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.15); }
+ .window-frame.tiled {
+ border-radius: 0;
+ background-color: #393f3f; }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
new file mode 100644
index 0000000..7263d27
--- /dev/null
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -0,0 +1,420 @@
+debug {
+ background-color: blue; }
+
+* {
+ engine: adwaita;
+ padding: 0;
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 4;
+ -GtkTextView-error-underline-color: #cc0000;
+ -GtkPaned-handle-size: 5;
+ -GtkCheckButton-indicator-size: 16;
+ -GtkCheckMenuItem-indicator-size: 12;
+ /* The size for scrollbars. The slider is 2px smaller, but we keep it
+ * up so that the whole area is sensitive to button presses for the
+ * slider. The stepper button is larger in both directions, the slider
+ * only in the width
+ */
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkScrolledWindow-scrollbars-within-bevel: 1;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkExpander-expander-size: 11;
+ -GtkTreeView-expander-size: 11;
+ -GtkTreeView-horizontal-separator: 4;
+ -GtkMenu-horizontal-padding: 0;
+ -GtkMenu-vertical-padding: 0;
+ -GtkWidget-link-color: #98b9dc;
+ -GtkWidget-visited-link-color: #98b9dc;
+ -GtkWidget-focus-padding: 2;
+ -GtkWidget-focus-line-width: 1;
+ -GtkWindow-resize-grip-width: 0;
+ -GtkWindow-resize-grip-height: 0;
+ outline-color: rgba(46, 52, 54, 0.7);
+ outline-style: dashed;
+ outline-offset: 2px; }
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ color: #2e3436;
+ background-color: #ededed; }
+
+.background:backdrop {
+ /* I want everything nice and flat in the unfocused window */
+ text-shadow: none;
+ icon-shadow: none;
+ color: #454f52; }
+
+*:selected,
+*:selected:focus {
+ background-color: #729fcf;
+ color: white; }
+
+*:selected:backdrop {
+ background-color: #729fcf;
+ color: white; }
+
+*:insensitive {
+ background-color: transparent;
+ color: #748489;
+ border-color: #bababa; }
+
+*:insensitive:backdrop {
+ /* I want everything nice and flat in the unfocused window */
+ text-shadow: none;
+ icon-shadow: none;
+ color: #454f52; }
+
+/* Apply effects to insensitive and prelit images */
+*:insensitive {
+ -gtk-image-effect: dim; }
+
+*:hover {
+ -gtk-image-effect: highlight; }
+
+*:hover {
+ -gtk-image-effect: highlight; }
+
+.gtkstyle-fallback {
+ background-color: #ededed;
+ color: #2e3436; }
+
+.gtkstyle-fallback:prelight {
+ background-color: white;
+ color: #2e3436; }
+
+.gtkstyle-fallback:active {
+ background-color: lightgray;
+ color: #2e3436; }
+
+.gtkstyle-fallback:insensitive {
+ background-color: transparent;
+ color: #748489; }
+
+.gtkstyle-fallback:selected {
+ background-color: #729fcf;
+ color: white; }
+
+GtkImage,
+GtkImage:insensitive,
+GtkLabel,
+GtkLabel:insensitive,
+GtkBox,
+GtkBox:insensitive,
+GtkGrid,
+GtkGrid:insensitive {
+ background-color: transparent; }
+
+ keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn); } }
+.spinner {
+ background-image: none;
+ background-color: blue;
+ opacity: 0;
+ /* non spinning spinner makes no sense */
+ -gtk-icon-source: url("assets/spinner.svg"); }
+ .spinner:active {
+ opacity: 1;
+ animation: spin 1s linear infinite; }
+ .spinner:active:insensitive {
+ opacity: 0.5; }
+
+/****************
+ * Text Entries *
+ ****************/
+.entry, .linked .entry {
+ padding: 4px;
+ color: #2e3436;
+ border-radius: 3px;
+ transition: all 200ms ease-out;
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, #cccccc 1%, #e6e6e6 10%, white);
+ background-color: transparent; }
+ .entry:insensitive, .entry:backdrop:insensitive {
+ color: #748489;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+ /* doesn't have margin to paint on :( */ }
+ .entry:focus {
+ border-color: #729fcf;
+ box-shadow: inset 0 0 2px 1px rgba(114, 159, 207, 0.5); }
+ .entry GtkLabel, .linked .entry GtkLabel {
+ text-shadow: 0 1px red; }
+
+.linked .entry:first-child {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-right-width: 0; }
+.linked .entry:last-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+/***********
+ * Buttons *
+ ***********/
+.button, .linked .button, GtkComboBox .button,
+.toolbar .button.raised,
+.toolbar .raised .button,
+.toolbar GtkComboBox .button,
+.spinbutton.vertical .button {
+ border-radius: 3px;
+ transition: all 200ms ease-out;
+ padding: 2px 4px;
+ background-color: transparent;
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+ /* Suggested and Destructive Action buttons */ }
+ .button:hover,
+ .toolbar .button.raised:hover,
+ .toolbar .raised .button:hover,
+ .toolbar GtkComboBox .button:hover,
+ .spinbutton.vertical .button:hover {
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed); }
+ .button:active,
+ .toolbar .button.raised:active,
+ .toolbar .raised .button:active,
+ .toolbar GtkComboBox .button:active,
+ .spinbutton.vertical .button:active {
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgray);
+ box-shadow: inset 0 1px 2px #a1a1a1; }
+ .button:backdrop,
+ .toolbar .button.raised:backdrop,
+ .toolbar .raised .button:backdrop,
+ .toolbar GtkComboBox .button:backdrop,
+ .spinbutton.vertical .button:backdrop {
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, #ededed);
+ color: #748489; }
+ .button:backdrop:active,
+ .toolbar .button.raised:backdrop:active,
+ .toolbar .raised .button:backdrop:active,
+ .toolbar GtkComboBox .button:backdrop:active,
+ .spinbutton.vertical .button:backdrop:active {
+ border: 1px solid #878787;
+ background-image: linear-gradient(to bottom, lightgray);
+ box-shadow: none;
+ border: 1px solid #a1a1a1;
+ color: #2e3436; }
+ .button:insensitive,
+ .toolbar .button.raised:insensitive,
+ .toolbar .raised .button:insensitive,
+ .toolbar GtkComboBox .button:insensitive,
+ .spinbutton.vertical .button:insensitive {
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0.5)); }
+ .button:backdrop:insensitive,
+ .toolbar .button.raised:backdrop:insensitive,
+ .toolbar .raised .button:backdrop:insensitive,
+ .toolbar GtkComboBox .button:backdrop:insensitive,
+ .spinbutton.vertical .button:backdrop:insensitive {
+ border: 1px solid rgba(161, 161, 161, 0.5);
+ background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0)); }
+ .button.suggested-action,
+ .toolbar .button.raised.suggested-action,
+ .toolbar .raised .button.suggested-action,
+ .toolbar GtkComboBox .suggested-action.button,
+ .spinbutton.vertical .button.suggested-action {
+ border: 1px solid #2b537d;
+ background-image: linear-gradient(to bottom, #98b9dc, #729fcf 40%, #4c85c2);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+ color: white; }
+ .button.suggested-action:active,
+ .toolbar .button.raised.suggested-action:active,
+ .toolbar .raised .button.suggested-action:active,
+ .toolbar GtkComboBox .suggested-action.button:active,
+ .spinbutton.vertical .button.suggested-action:active {
+ border: 1px solid #2b537d;
+ background-image: linear-gradient(to bottom, #386ca3, #3e78b6 5%, #4c85c2);
+ box-shadow: inset 0 1px 2px #2b537d; }
+ .button.suggested-action:hover,
+ .toolbar .button.raised.suggested-action:hover,
+ .toolbar .raised .button.suggested-action:hover,
+ .toolbar GtkComboBox .suggested-action.button:hover,
+ .spinbutton.vertical .button.suggested-action:hover {
+ border: 1px solid #2b537d;
+ background-image: linear-gradient(to bottom, #a7c3e1, #81a9d4 40%, #729fcf); }
+ .button.suggested-action:backdrop,
+ .toolbar .button.raised.suggested-action:backdrop,
+ .toolbar .raised .button.suggested-action:backdrop,
+ .toolbar GtkComboBox .suggested-action.button:backdrop,
+ .spinbutton.vertical .button.suggested-action:backdrop {
+ border: 1px solid #2b537d;
+ background-image: linear-gradient(to bottom, #729fcf); }
+ .button.suggested-action:insensitive,
+ .toolbar .button.raised.suggested-action:insensitive,
+ .toolbar .raised .button.suggested-action:insensitive,
+ .toolbar GtkComboBox .suggested-action.button:insensitive,
+ .spinbutton.vertical .button.suggested-action:insensitive {
+ color: #748489;
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0.5)); }
+ .button.suggested-action:insensitive:backdrop,
+ .toolbar .button.raised.suggested-action:insensitive:backdrop,
+ .toolbar .raised .button.suggested-action:insensitive:backdrop,
+ .toolbar GtkComboBox .suggested-action.button:insensitive:backdrop,
+ .spinbutton.vertical .button.suggested-action:insensitive:backdrop {
+ border: 1px solid rgba(161, 161, 161, 0.5);
+ background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0)); }
+ .button.suggested-action GtkLabel:backdrop:insensitive,
+ .toolbar .button.raised.suggested-action GtkLabel:backdrop:insensitive,
+ .toolbar .raised .button.suggested-action GtkLabel:backdrop:insensitive,
+ .toolbar GtkComboBox .suggested-action.button GtkLabel:backdrop:insensitive,
+ .spinbutton.vertical .button.suggested-action GtkLabel:backdrop:insensitive {
+ color: rgba(116, 132, 137, 0.5); }
+ .button.destructive-action,
+ .toolbar .button.raised.destructive-action,
+ .toolbar .raised .button.destructive-action,
+ .toolbar GtkComboBox .destructive-action.button,
+ .spinbutton.vertical .button.destructive-action {
+ border: 1px solid #760909;
+ background-image: linear-gradient(to bottom, #f35858, #ef2929 40%, #d51010);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(255, 255, 255, 0.05);
+ color: white; }
+ .button.destructive-action:active,
+ .toolbar .button.raised.destructive-action:active,
+ .toolbar .raised .button.destructive-action:active,
+ .toolbar GtkComboBox .destructive-action.button:active,
+ .spinbutton.vertical .button.destructive-action:active {
+ border: 1px solid #760909;
+ background-image: linear-gradient(to bottom, #a60c0c, #bd0e0e 5%, #d51010);
+ box-shadow: inset 0 1px 2px #760909; }
+ .button.destructive-action:hover,
+ .toolbar .button.raised.destructive-action:hover,
+ .toolbar .raised .button.destructive-action:hover,
+ .toolbar GtkComboBox .destructive-action.button:hover,
+ .spinbutton.vertical .button.destructive-action:hover {
+ border: 1px solid #760909;
+ background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); }
+ .button.destructive-action:backdrop,
+ .toolbar .button.raised.destructive-action:backdrop,
+ .toolbar .raised .button.destructive-action:backdrop,
+ .toolbar GtkComboBox .destructive-action.button:backdrop,
+ .spinbutton.vertical .button.destructive-action:backdrop {
+ border: 1px solid #760909;
+ background-image: linear-gradient(to bottom, #ef2929); }
+ .button.destructive-action:insensitive,
+ .toolbar .button.raised.destructive-action:insensitive,
+ .toolbar .raised .button.destructive-action:insensitive,
+ .toolbar GtkComboBox .destructive-action.button:insensitive,
+ .spinbutton.vertical .button.destructive-action:insensitive {
+ color: #748489;
+ border: 1px solid #a1a1a1;
+ background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0.5)); }
+ .button.destructive-action:insensitive:backdrop,
+ .toolbar .button.raised.destructive-action:insensitive:backdrop,
+ .toolbar .raised .button.destructive-action:insensitive:backdrop,
+ .toolbar GtkComboBox .destructive-action.button:insensitive:backdrop,
+ .spinbutton.vertical .button.destructive-action:insensitive:backdrop {
+ border: 1px solid rgba(161, 161, 161, 0.5);
+ background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0)); }
+ .button.destructive-action GtkLabel:backdrop:insensitive,
+ .toolbar .button.raised.destructive-action GtkLabel:backdrop:insensitive,
+ .toolbar .raised .button.destructive-action GtkLabel:backdrop:insensitive,
+ .toolbar GtkComboBox .destructive-action.button GtkLabel:backdrop:insensitive,
+ .spinbutton.vertical .button.destructive-action GtkLabel:backdrop:insensitive {
+ color: rgba(116, 132, 137, 0.5); }
+
+.linked .button {
+ padding: 6px;
+ border-radius: 0;
+ border-right-width: 0; }
+ .linked .button:first-child {
+ border-radius: 3px 0 0 3px;
+ border-width: 1px 0 1px 1px; }
+ .linked .button:last-child {
+ border-radius: 0 3px 3px 0;
+ border-width: 1px; }
+ .linked .button:only-child {
+ border-radius: 3px;
+ border-width: 1px; }
+
+.header-bar .button.text-button {
+ padding: 6px 8px 5px;
+ /* due to font metrics the image buttons are 1px shorter */ }
+.header-bar .button.image-button {
+ padding: 8px; }
+
+/**************
+ * ComboBoxes *
+ **************/
+GtkComboBox {
+ padding: 0;
+ -GtkComboBox-arrow-scaling: 0.5;
+ -GtkComboBox-shadow-type: none; }
+ GtkComboBox .separator {
+ /* always disable separators */
+ -GtkWidget-wide-separators: true;
+ -GtkWidget-horizontal-separator: 0;
+ -GtkWidget-vertical-separator: 0; }
+ GtkComboBox.combobox-entry .entry:first-child {
+ border-radius: 3px 0 0 3px;
+ border-right: 0; }
+ GtkComboBox.combobox-entry .button:first-child {
+ border-radius: 3px 0 0 3px; }
+ GtkComboBox.combobox-entry .entry:last-child {
+ border-radius: 0 3px 3px 0;
+ border-left: 0; }
+ GtkComboBox.combobox-entry .button:last-child {
+ border-radius: 0 3px 3px 0; }
+ GtkComboBox .linked .button, .linked GtkComboBox .button, GtkComboBox .button {
+ padding: 4px 6px; }
+
+/***************
+ * Header bars *
+ ***************/
+.header-bar {
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: #a1a1a1;
+ border-radius: 7px 7px 0 0;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, #f2f2f2, #e0e0e0);
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.05);
+ padding: 6px; }
+ .header-bar:backdrop {
+ background-image: none;
+ background-color: #ededed; }
+ .header-bar .title {
+ font: Bold;
+ padding: 0px 12px; }
+ .header-bar .subtitle {
+ font-size: 80%;
+ padding: 0 12px; }
+ .header-bar > GtkBox > .separator.vertical {
+ -GtkWidget-wide-separators: 1;
+ -GtkWidget-separator-width: 2px;
+ background-color: transparent;
+ border-width: 0 1px;
+ border-style: solid;
+ border-color: transparent;
+ border-image: -gtk-scaled(url("assets/header-separator.png"), url("assets/header-separator 2 png")) 0 1
0 1/0 1px 0 1px stretch; }
+ .header-bar.selection-mode {
+ color: #3e78b6;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+ background-image: linear-gradient(to bottom, #85acd5, #7aa4d2); }
+
+.window-frame.tiled .header-bar {
+ border-radius: 0;
+ /* FIXME doesn't work */ }
+
+/***************
+ * WM Stuff *
+ ***************/
+.window-frame {
+ border-radius: 7px 7px 0 0;
+ /* lamefun trick to get rounded borders regardless of CSD use */
+ border-width: 0px;
+ box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.25);
+ /* this is used for the resize cursor area */
+ margin: 10px; }
+ .window-frame:backdrop {
+ box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.25); }
+ .window-frame.tiled {
+ border-radius: 0;
+ background-color: #ededed; }
diff --git a/themes/Adwaita/gtk-3.0/gtk.gresource.xml b/themes/Adwaita/gtk-3.0/gtk.gresource.xml
index 7ed4303..c4aebbd 100644
--- a/themes/Adwaita/gtk-3.0/gtk.gresource.xml
+++ b/themes/Adwaita/gtk-3.0/gtk.gresource.xml
@@ -326,6 +326,7 @@
<file preprocess="to-pixdata">assets/header-separator 2 png</file>
<file preprocess="to-pixdata">assets/header-separator-dark.png</file>
<file preprocess="to-pixdata">assets/header-separator-dark 2 png</file>
+ <file preprocess="to-pixdata">assets/spinner.svg</file>
<file>gtk.css</file>
<file>gtk-dark.css</file>
<file>gtk-contained.css</file>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]