[gnome-shell] [CSS] Update overview style to match latest mockup
- From: Florian Müllner <fmuellner src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell] [CSS] Update overview style to match latest mockup
- Date: Mon, 15 Feb 2010 21:53:54 +0000 (UTC)
commit d8af8f7305635d160c78cb1067535c8b235fc152
Author: Florian Müllner <fmuellner src gnome org>
Date: Tue Feb 9 06:57:42 2010 +0100
[CSS] Update overview style to match latest mockup
https://bugzilla.gnome.org/show_bug.cgi?id=609401
data/Makefile.am | 5 +-
data/theme/gnome-shell.css | 93 ++++++++--------------
data/theme/scroll-hhandle.svg | 64 ++++++++++++++
data/theme/scroll-vhandle.png | Bin 323 -> 0 bytes
data/theme/scroll-vhandle.svg | 62 ++++++++++++++
data/theme/switch-scroll-hhandle-hover.svg | 123 ----------------------------
data/theme/switch-scroll-hhandle.svg | 123 ----------------------------
7 files changed, 161 insertions(+), 309 deletions(-)
---
diff --git a/data/Makefile.am b/data/Makefile.am
index f01e4f9..ccd6263 100644
--- a/data/Makefile.am
+++ b/data/Makefile.am
@@ -31,13 +31,12 @@ dist_theme_DATA = \
theme/scroll-button-down.png \
theme/scroll-button-up-hover.png \
theme/scroll-button-up.png \
- theme/scroll-vhandle.png \
+ theme/scroll-hhandle.svg \
+ theme/scroll-vhandle.svg \
theme/section-back.svg \
theme/section-more.svg \
theme/single-view-active.svg \
theme/single-view.svg \
- theme/switch-scroll-hhandle.svg \
- theme/switch-scroll-hhandle-hover.svg \
theme/ws-switch-arrow-left.svg \
theme/ws-switch-arrow-right.svg
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 661691e..7817f75 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -41,36 +41,32 @@ StScrollView
scrollbar-height: 16px;
}
-StButton#up-stepper
-{
- border-image: url("scroll-button-up.png") 5;
-}
-
-StButton#up-stepper:hover,
-StButton#up-stepper:active
-{
- border-image: url("scroll-button-up-hover.png") 5;
-}
-
-StButton#down-stepper
-{
- border-image: url("scroll-button-down.png") 5;
+StScrollBar {
+ background-color: #080808;
+ border: 1px solid #2d2d2d;
+ border-radius: 8px;
}
-StButton#down-stepper:hover,
-StButton#down-stepper:active
+StScrollBar StButton#vhandle
{
- border-image: url("scroll-button-down-hover.png") 5;
+ background-image: url("scroll-vhandle.svg");
+ background-color: #252525;
+ border: 1px solid #080808;
+ border-radius: 8px;
}
-StScrollBar StButton#vhandle
+StScrollBar StButton#hhandle
{
- border-image: url("scroll-vhandle.png") 5;
+ background-image: url("scroll-hhandle.svg");
+ background-color: #252525;
+ border: 1px solid #080808;
+ border-radius: 8px;
}
+StScrollBar StButton#hhandle:hover,
StScrollBar StButton#vhandle:hover
{
- border-image: url("scroll-vhandle.png") 5;
+ background-color: #292929;
}
StTooltip {
@@ -89,6 +85,7 @@ StTooltip {
background-gradient-direction: vertical;
background-gradient-start: #161616;
background-gradient-end: #000000;
+ border-bottom: 1px solid #1f1f1f;
}
#panelLeft, #panelCenter, #panelRight {
@@ -138,35 +135,27 @@ StTooltip {
spacing: 4px;
}
-/* Overlay */
+/* Overview */
.overview {
- background-color: #000;
+ background-color: #111;
}
.info-bar {
- color: #cccccc;
+ color: #fff;
font-size: 14px;
- spacing: 8px;
-}
-
-.info-bar-panel {
- padding: 11px;
-}
-
-.info-bar-panel > StBin {
- border-radius: 3px;
- border: 1px solid #5c5c5c;
- background: #1e1e1e;
- height: 26px;
+ spacing: 20px;
}
.info-bar-link-button {
- text-decoration: underline;
+ background-color: #2d2d2d;
+ padding: 2px 14px;
+ border-radius: 10px;
+ border: 1px solid #181818;
}
.info-bar-link-button:hover {
- color: #ffffff;
+ border: 1px solid #666666;
}
.workspaces {
@@ -177,7 +166,7 @@ StTooltip {
height: 48px;
}
-.workspaces-bar StBoxLayout {
+.workspaces-bar, .workspaces-bar * {
spacing: 5px;
}
@@ -239,27 +228,11 @@ StTooltip {
}
#SwitchScroll {
- height: 16px;
-}
-
-#SwitchScroll StBin{
- border: 1px solid rgba(128,128,128,0.40);
- border-radius: 8px;
+ height: 14px;
}
-#SwitchScroll StButton#hhandle {
- border-image: url("switch-scroll-hhandle.svg") 5;
-}
-
-#SwitchScroll StButton#hhandle:hover {
- border-image: url("switch-scroll-hhandle-hover.svg") 5;
-}
-
-#SwitchScroll StButton#backward-stepper,
-#SwitchScroll StButton#forward-stepper
-{
- width: 0px;
- border: 0px;
+#SwitchScroll #hhandle {
+ border-radius: 7px;
}
/* Dash */
@@ -408,7 +381,7 @@ StTooltip {
}
.app-well-app {
- border: 1px solid #080808;
+ border: 1px solid #181818;
border-radius: 4px;
padding: 2px;
width: 70px;
@@ -418,8 +391,8 @@ StTooltip {
.app-well-app.running {
background-gradient-direction: vertical;
- background-gradient-start: #3c3c3c;
- background-gradient-end: #000000;
+ background-gradient-start: #3d3d3d;
+ background-gradient-end: #181818;
}
.app-well-app:hover {
diff --git a/data/theme/scroll-hhandle.svg b/data/theme/scroll-hhandle.svg
new file mode 100644
index 0000000..343832f
--- /dev/null
+++ b/data/theme/scroll-hhandle.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/";
+ xmlns:cc="http://creativecommons.org/ns#";
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns="http://www.w3.org/2000/svg";
+ 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="10"
+ height="4"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.47 r22583"
+ sodipodi:docname="scroll-hhandle.svg">
+ <defs
+ id="defs4">
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1">
+ <rect
+ style="fill:#323232;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ id="rect3592"
+ width="2"
+ height="4"
+ x="0"
+ y="0"
+ rx="0"
+ ry="0" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#rect3592"
+ id="use2825"
+ transform="translate(8,0)"
+ width="10"
+ height="4" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#use2825"
+ id="use2827"
+ transform="translate(-4,0)"
+ width="10"
+ height="4" />
+ </g>
+</svg>
diff --git a/data/theme/scroll-vhandle.svg b/data/theme/scroll-vhandle.svg
new file mode 100644
index 0000000..a105ee7
--- /dev/null
+++ b/data/theme/scroll-vhandle.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/";
+ xmlns:cc="http://creativecommons.org/ns#";
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns="http://www.w3.org/2000/svg";
+ 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="4"
+ height="10"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.47 r22583"
+ sodipodi:docname="scroll-hhandle.svg">
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1">
+ <rect
+ style="fill:#323232;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ id="rect3592"
+ width="2"
+ height="4"
+ x="0"
+ y="-4"
+ rx="0"
+ ry="0"
+ transform="matrix(0,1,-1,0,0,0)" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#rect3592"
+ id="use3705"
+ transform="translate(0,4)"
+ width="4"
+ height="10" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#use3705"
+ id="use3707"
+ transform="translate(0,4)"
+ width="4"
+ height="10" />
+ </g>
+</svg>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
