Merge lp:~ken-vandine/light-themes/gnome-contacts into lp:~ubuntu-art-pkg/light-themes/trunk

Proposed by Ken VanDine on 2012-07-10
Status: Needs review
Proposed branch: lp:~ken-vandine/light-themes/gnome-contacts
Merge into: lp:~ubuntu-art-pkg/light-themes/trunk
Diff against target: 261 lines (+219/-0)
4 files modified
Ambiance/gtk-3.0/apps/gnome-contacts.css (+107/-0)
Ambiance/gtk-3.0/gtk.css (+3/-0)
Radiance/gtk-3.0/apps/gnome-contacts.css (+107/-0)
Radiance/gtk-3.0/gtk.css (+2/-0)
To merge this branch: bzr merge lp:~ken-vandine/light-themes/gnome-contacts
Reviewer Review Type Date Requested Status
Andrea Cimitan 2012-07-10 Needs Information on 2013-11-29
Review via email: mp+114237@code.launchpad.net

Description of the change

Added custom styling for gnome-contacts, based on custom styles in the Ambiance theme

To post a comment you must log in.
Andrea Cimitan (cimi) wrote :

Still valid?

Andrea Cimitan (cimi) :
review: Needs Information

Unmerged revisions

229. By Ken VanDine on 2012-07-10

Added custom styling for gnome-contacts, based on custom styles in the Ambiance theme

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== added file 'Ambiance/gtk-3.0/apps/gnome-contacts.css'
2--- Ambiance/gtk-3.0/apps/gnome-contacts.css 1970-01-01 00:00:00 +0000
3+++ Ambiance/gtk-3.0/apps/gnome-contacts.css 2012-07-10 17:44:18 +0000
4@@ -0,0 +1,107 @@
5+/* Gnome Contacts */
6+
7+/* Line at top in contacts pane, similar to .documents-scrolledwin.frame */
8+.contacts-content.frame {
9+ border-width: 1px 0 0 0;
10+ border-radius: 0;
11+}
12+
13+/* Background color in contacts pane, similar to .documents-main-view.view */
14+.contacts-main-view.view {
15+ background-color: @bg_color;
16+ color: @fg_color;
17+}
18+
19+.contacts-suggestion {
20+ background-color: @dark_bg_color;
21+ color: @dark_fg_color;
22+ border-radius: 4px;
23+}
24+
25+/* Border on the right in the left menu toolbar */
26+.contacts-left-toolbar.toolbar.menubar {
27+ border-image: linear-gradient(to bottom, @bg_color, shade(@borders, 1.2));
28+ border-image-width: 0 1px 0 0;
29+ border-image-slice: 1;
30+}
31+
32+/* Sidebar with line at top and the left */
33+ContactsWindow .sidebar.frame {
34+ border-width: 1px 1px 0 0;
35+ border-style: solid;
36+ border-color: @borders;
37+ border-image: none;
38+ border-radius: 0;
39+ padding: 0;
40+}
41+
42+.contacts-avatar-frame.frame {
43+ border-width: 1px 1px 0 1px;
44+ border-style: solid;
45+ border-color: @borders;
46+ border-image: none;
47+ border-radius: 0;
48+ padding: 0;
49+}
50+
51+/* Primary toolbar with no line at top to avoid conflicts with frame border */
52+ContactsWindow .primary-toolbar.toolbar {
53+ border-width: 0 0 1px 0;
54+}
55+
56+ContactsWindow .sidebar .view {
57+ background-color: #ebebeb; /* KEN: super light grey */
58+}
59+ContactsWindow .sidebar .view:selected,
60+ContactsWindow .sidebar .view:selected:focus {
61+ background-color: @selected_bg_color;
62+}
63+
64+.contacts-button:active {
65+ border-color: #000000;
66+ border-image: none;
67+}
68+
69+.contacts-entry {
70+ box-shadow: none;
71+ border-image: none;
72+ border-width: 1px;
73+ border-radius: 4px;
74+ border-style: solid;
75+ background-image: none;
76+}
77+
78+.contacts-entry:selected,
79+.contacts-entry:selected:focus {
80+ background-color: @selected_bg_color;
81+ color: @selected_fg_color;
82+}
83+
84+.contacts-entry.contacts-postal-entry {
85+ border-radius: 0 0 0 0;
86+ border-width: 1px 1px 0 1px;
87+}
88+
89+.contacts-entry.contacts-postal-entry:nth-child(first) {
90+ border-radius: 4px 4px 0 0;
91+}
92+
93+.contacts-entry.contacts-postal-entry:nth-child(last) {
94+ border-radius: 0 0 4px 4px;
95+ border-width: 1px;
96+}
97+
98+.button.contacts-square {
99+ padding: 0px;
100+}
101+
102+.contacts-notification {
103+ border-style: solid;
104+ border-color: @borders;
105+ border-width: 0 1px 1px 1px;
106+ border-radius: 0 0 5px 5px;
107+ background-color: @dark_bg_color;
108+ color: @dark_fg_color;
109+}
110+
111+
112
113=== modified file 'Ambiance/gtk-3.0/gtk.css'
114--- Ambiance/gtk-3.0/gtk.css 2012-03-30 16:29:46 +0000
115+++ Ambiance/gtk-3.0/gtk.css 2012-07-10 17:44:18 +0000
116@@ -29,12 +29,15 @@
117
118 @define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
119 @define-color backdrop_selected_fg_color @fg_color;
120+@define-color borders @bg_color;
121+
122
123 @import url("gtk-widgets.css");
124 @import url("gtk-widgets-backdrop.css");
125 @import url("apps/gedit.css");
126 @import url("apps/gnome-panel.css");
127 @import url("apps/gnome-terminal.css");
128+@import url("apps/gnome-contacts.css");
129 @import url("apps/nautilus.css");
130 @import url("apps/unity.css");
131 @import url("apps/unity-greeter.css");
132
133=== added file 'Radiance/gtk-3.0/apps/gnome-contacts.css'
134--- Radiance/gtk-3.0/apps/gnome-contacts.css 1970-01-01 00:00:00 +0000
135+++ Radiance/gtk-3.0/apps/gnome-contacts.css 2012-07-10 17:44:18 +0000
136@@ -0,0 +1,107 @@
137+/* Gnome Contacts */
138+
139+/* Line at top in contacts pane, similar to .documents-scrolledwin.frame */
140+.contacts-content.frame {
141+ border-width: 1px 0 0 0;
142+ border-radius: 0;
143+}
144+
145+/* Background color in contacts pane, similar to .documents-main-view.view */
146+.contacts-main-view.view {
147+ background-color: @bg_color;
148+ color: @fg_color;
149+}
150+
151+.contacts-suggestion {
152+ background-color: @dark_bg_color;
153+ color: @dark_fg_color;
154+ border-radius: 4px;
155+}
156+
157+/* Border on the right in the left menu toolbar */
158+.contacts-left-toolbar.toolbar.menubar {
159+ border-image: linear-gradient(to bottom, @bg_color, shade(@borders, 1.2));
160+ border-image-width: 0 1px 0 0;
161+ border-image-slice: 1;
162+}
163+
164+/* Sidebar with line at top and the left */
165+ContactsWindow .sidebar.frame {
166+ border-width: 1px 1px 0 0;
167+ border-style: solid;
168+ border-color: @borders;
169+ border-image: none;
170+ border-radius: 0;
171+ padding: 0;
172+}
173+
174+.contacts-avatar-frame.frame {
175+ border-width: 1px 1px 0 1px;
176+ border-style: solid;
177+ border-color: @borders;
178+ border-image: none;
179+ border-radius: 0;
180+ padding: 0;
181+}
182+
183+/* Primary toolbar with no line at top to avoid conflicts with frame border */
184+ContactsWindow .primary-toolbar.toolbar {
185+ border-width: 0 0 1px 0;
186+}
187+
188+ContactsWindow .sidebar .view {
189+ background-color: #ebebeb; /* KEN: super light grey */
190+}
191+ContactsWindow .sidebar .view:selected,
192+ContactsWindow .sidebar .view:selected:focus {
193+ background-color: @selected_bg_color;
194+}
195+
196+.contacts-button:active {
197+ border-color: #000000;
198+ border-image: none;
199+}
200+
201+.contacts-entry {
202+ box-shadow: none;
203+ border-image: none;
204+ border-width: 1px;
205+ border-radius: 4px;
206+ border-style: solid;
207+ background-image: none;
208+}
209+
210+.contacts-entry:selected,
211+.contacts-entry:selected:focus {
212+ background-color: @selected_bg_color;
213+ color: @selected_fg_color;
214+}
215+
216+.contacts-entry.contacts-postal-entry {
217+ border-radius: 0 0 0 0;
218+ border-width: 1px 1px 0 1px;
219+}
220+
221+.contacts-entry.contacts-postal-entry:nth-child(first) {
222+ border-radius: 4px 4px 0 0;
223+}
224+
225+.contacts-entry.contacts-postal-entry:nth-child(last) {
226+ border-radius: 0 0 4px 4px;
227+ border-width: 1px;
228+}
229+
230+.button.contacts-square {
231+ padding: 0px;
232+}
233+
234+.contacts-notification {
235+ border-style: solid;
236+ border-color: @borders;
237+ border-width: 0 1px 1px 1px;
238+ border-radius: 0 0 5px 5px;
239+ background-color: @dark_bg_color;
240+ color: @dark_fg_color;
241+}
242+
243+
244
245=== modified file 'Radiance/gtk-3.0/gtk.css'
246--- Radiance/gtk-3.0/gtk.css 2012-03-30 16:29:46 +0000
247+++ Radiance/gtk-3.0/gtk.css 2012-07-10 17:44:18 +0000
248@@ -28,11 +28,13 @@
249 @define-color transparent rgba (0, 0, 0, 0);
250 @define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
251 @define-color backdrop_selected_fg_color @fg_color;
252+@define-color borders @bg_color;
253
254 @import url("gtk-widgets.css");
255 @import url("gtk-widgets-backdrop.css");
256 @import url("apps/gedit.css");
257 @import url("apps/gnome-panel.css");
258 @import url("apps/gnome-terminal.css");
259+@import url("apps/gnome-contacts.css");
260 @import url("apps/nautilus.css");
261 @import url("apps/unity.css");

Subscribers

People subscribed via source and target branches