elementary Stylesheet

Merge lp:~elementary-design/egtk/slimmer-headerbar into lp:~elementary-design/egtk/trunk

  1. slimmer-headerbar
  2. Merge into trunk
Proposed by Danielle Foré
Status: Merged
Approved by: Sam Hewitt
Approved revision: no longer in the source branch.
Merged at revision: 525
Proposed branch: lp:~elementary-design/egtk/slimmer-headerbar
Merge into: lp:~elementary-design/egtk/trunk
Diff against target: 95 lines (+16/-13)
1 file modified
gtk-3.0/gtk-widgets.css (+16/-13)
To merge this branch: bzr merge lp:~elementary-design/egtk/slimmer-headerbar
Reviewer Review Type Date Requested Status
Sam Hewitt (community) Approve
Review via email: mp+269654@code.launchpad.net

Commit message

* Reduce padding in headerbars
* Reduce amount of gradient on headerbars
* Adjust color of adjacent widgets to match

Description of the change

This considerably slims up headerbars, especially for maximized windows. I can't decide whether it feels weird or not yet.

To post a comment you must log in.
Revision history for this message
Sam Hewitt (snwh) :
review: Approve
lp:~elementary-design/egtk/slimmer-headerbar updated
525. By Danielle Foré

* Reduce padding in headerbars
* Reduce amount of gradient on headerbars
* Adjust color of adjacent widgets to match

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== modified file 'gtk-3.0/gtk-widgets.css'
2--- gtk-3.0/gtk-widgets.css 2015-08-22 21:51:04 +0000
3+++ gtk-3.0/gtk-widgets.css 2015-08-31 17:25:28 +0000
4@@ -1463,8 +1463,8 @@
5 alpha (#000, 0.00) 3px
6 ),
7 linear-gradient(to bottom,
8- shade (@titlebar_color, 0.82),
9- shade (@titlebar_color, 0.87)
10+ shade (@titlebar_color, 0.85),
11+ shade (@titlebar_color, 0.90)
12 );
13 border-style: solid;
14 border-width: 0 0 1px 0;
15@@ -1562,7 +1562,7 @@
16 icon-shadow: 0 1px alpha (#fff, 0.4);
17
18 box-shadow: inset 0 0 0 1px alpha (#fff, 0.20),
19- 0 0 1px 1px alpha (#000, 0.15);
20+ 0 0 1px 1px alpha (#000, 0.10);
21
22 border-image: none;
23
24@@ -1989,17 +1989,20 @@
25 *********************/
26
27 .secondary-toolbar.toolbar {
28+ border-width: 0 0 1px;
29+ border-style: solid;
30+
31 padding: 2px;
32
33 background-image: linear-gradient(to bottom,
34- shade (@titlebar_color, 0.84),
35- shade (@titlebar_color, 0.80)
36+ shade (@titlebar_color, 0.87),
37+ shade (@titlebar_color, 0.84)
38 );
39
40 box-shadow: inset 0 1px 0 0 alpha (#fff, 0.30),
41 inset 0 -1px 0 0 alpha (#fff, 0.20);
42
43- border-color: shade (@titlebar_color, 0.50);
44+ border-color: shade (@titlebar_color, 0.54);
45
46 text-shadow: 0 1px alpha (#fff, 0.4);
47 icon-shadow: 0 1px alpha (#fff, 0.4);
48@@ -2240,14 +2243,14 @@
49 padding: 2px;
50
51 background-image: linear-gradient(to bottom,
52- shade (@titlebar_color, 0.84),
53- shade (@titlebar_color, 0.80)
54+ shade (@titlebar_color, 0.87),
55+ shade (@titlebar_color, 0.84)
56 );
57
58 box-shadow: inset 0 1px 0 0 alpha (#fff, 0.30),
59 inset 0 -1px 0 0 alpha (#fff, 0.20);
60
61- border-color: shade (@titlebar_color, 0.50);
62+ border-color: shade (@titlebar_color, 0.54);
63
64 text-shadow: 0 1px alpha (#fff, 0.4);
65 icon-shadow: 0 1px alpha (#fff, 0.4);
66@@ -3278,9 +3281,9 @@
67 .titlebar {
68 background-image: linear-gradient(to bottom,
69 shade (@colorPrimary, 1.04),
70- shade (@colorPrimary, 0.84)
71+ shade (@colorPrimary, 0.88)
72 );
73- border-color: shade (@colorPrimary, 0.56);
74+ border-color: shade (@colorPrimary, 0.60);
75 border-radius: 4px 4px 0 0;
76 border-style: solid;
77 border-width: 0 0 1px;
78@@ -3308,7 +3311,7 @@
79 }
80
81 .header-bar {
82- padding: 10px 6px 8px;
83+ padding: 8px 6px 6px;
84 }
85
86 .header-bar:last-child {
87@@ -3318,7 +3321,7 @@
88
89 .maximized .header-bar,
90 .tiled .titlebar {
91- padding: 7px 6px 5px;
92+ padding: 4px 6px 3px;
93 }
94
95 .maximized .titlebar,

Subscribers

People subscribed via source and target branches

to all changes:
to status/vote changes: