[gnome-themes-standard] action-bar: initial styling
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] action-bar: initial styling
- Date: Mon, 9 Jun 2014 13:18:02 +0000 (UTC)
commit 75dc638d1de97a57aac4b8b586c0d951d7f1c064
Author: Jakub Steiner <jimmac gmail com>
Date: Sun Jun 1 16:48:10 2014 +0200
action-bar: initial styling
- seems to only work form the inspector live css :(
themes/Adwaita/gtk-3.0/_common.scss | 29 ++++++++++++++++++++----
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 22 +++++++++++++++---
themes/Adwaita/gtk-3.0/gtk-contained.css | 22 +++++++++++++++---
3 files changed, 60 insertions(+), 13 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 94db31c..c5a7e54 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -503,17 +503,37 @@ GtkComboBox {
/************
* Searbars *
************/
-
-.search-bar {
- border-width: 0 0 1px;
+%inset-bar {
border-style: solid;
border-color: $borders_color;
$_bg: mix(black, $bg_color, 4%);
background-color: $_bg;
- box-shadow: inset 0 1px 3px mix($borders_color, $_bg, 50%);
+ box-shadow: inset 0 1px 3px -2px mix($borders_color, $_bg, 60%);
+}
+
+.search-bar {
+ @extend %inset-bar;
+ border-width: 0 0 1px;
padding: 4px;
}
+/***************
+ * Action bars *
+ ***************/
+
+.action-bar {
+ @extend %inset-bar;
+ border-width: 1px 0 0 0;
+ padding: 6px;
+ .title {
+ font: Bold 11;
+ padding: 0 12px;
+ }
+ .subtitle {
+ font: 9;
+ padding: 0 12px;
+ }
+}
/**************
* Tree Views *
@@ -1053,7 +1073,6 @@ GtkProgressBar.trough {
border-style: solid;
border-radius: 3px;
border-color: $borders_color;
- background-color: mix($bg_color,$borders_color,60%);
box-shadow: inset 1px 1px transparentize(black, 0.9),
$widget_edge;
&:backdrop{
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index a7c20c1..ff4c014 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -580,14 +580,29 @@ GtkComboBox {
/************
* Searbars *
************/
-.search-bar {
- border-width: 0 0 1px;
+.search-bar, .action-bar {
border-style: solid;
border-color: #1c1f1f;
background-color: #363c3c;
- box-shadow: inset 0 1px 3px #292d2d;
+ box-shadow: inset 0 1px 3px -2px #262a2a; }
+
+.search-bar {
+ border-width: 0 0 1px;
padding: 4px; }
+/***************
+ * Action bars *
+ ***************/
+.action-bar {
+ border-width: 1px 0 0 0;
+ padding: 6px; }
+ .action-bar .title {
+ font: Bold 11;
+ padding: 0 12px; }
+ .action-bar .subtitle {
+ font: 9;
+ padding: 0 12px; }
+
/**************
* Tree Views *
**************/
@@ -1384,7 +1399,6 @@ GtkProgressBar.trough {
border-style: solid;
border-radius: 3px;
border-color: #1c1f1f;
- background-color: #2d3232;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
GtkProgressBar.trough:backdrop {
border-color: #1c1f1f;
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 5681348..b5e1c23 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -580,14 +580,29 @@ GtkComboBox {
/************
* Searbars *
************/
-.search-bar {
- border-width: 0 0 1px;
+.search-bar, .action-bar {
border-style: solid;
border-color: #a1a1a1;
background-color: #e3e3e3;
- box-shadow: inset 0 1px 3px #c2c2c2;
+ box-shadow: inset 0 1px 3px -2px #bbbbbb; }
+
+.search-bar {
+ border-width: 0 0 1px;
padding: 4px; }
+/***************
+ * Action bars *
+ ***************/
+.action-bar {
+ border-width: 1px 0 0 0;
+ padding: 6px; }
+ .action-bar .title {
+ font: Bold 11;
+ padding: 0 12px; }
+ .action-bar .subtitle {
+ font: 9;
+ padding: 0 12px; }
+
/**************
* Tree Views *
**************/
@@ -1384,7 +1399,6 @@ GtkProgressBar.trough {
border-style: solid;
border-radius: 3px;
border-color: #a1a1a1;
- background-color: #cecece;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
GtkProgressBar.trough:backdrop {
border-color: #a1a1a1;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]