Re-skin Gerrit to something a little less painful on the eyes

Now a pleasant theme using blues and pale greys. Also removed
the differentiation between logged in/logged out users for
background color.

Change-Id: I308b81ee205b546a70a80e59c5849ba1d3312634
This commit is contained in:
Chad Horohoe
2012-11-13 18:23:15 -08:00
parent 5367b8bab5
commit bbdf748180
4 changed files with 68 additions and 40 deletions

View File

@@ -36,20 +36,13 @@
gwt-image: "greenCheck";
}
/** Override various GWT defaults */
.gerritTopMenu {
font-size: 9pt;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
background: topMenuColor;
}
.gerritTopMenu .gwt-TabBar .gwt-TabBarItem,
.gerritTopMenu .gwt-TabBar .gwt-TabBarRest,
.gerritTopMenu .gwt-TabBar .gwt-TabPanelBottom {
background: topMenuColor;
}
.gerritTopMenu .gwt-TabBar .gwt-TabBarItem-selected {
background: selectionColor;
background: transparent;
}
.gerritBody {
@@ -58,6 +51,17 @@
padding-right: 5px;
}
a,
a:visited {
color: #0654ac;
text-decoration: none;
}
a:hover {
color: #0654ac;
text-decoration: underline;
}
.version,
.keyhelp {
color: #a0adcc;
@@ -237,33 +241,46 @@
.topmenuTDglue {
width: 100%;
}
.topmenuMenuLeft {
width: 300px;
border-left: 1px solid topMenuColor;
border-right: 1px solid topMenuColor;
border-bottom: 1px solid topMenuColor;
font-size: 9pt;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
background: none;
position: relative;
top: 0;
}
.topmenuMenuLeft tbody tr td table {
border: 0;
}
.topmenuMenuLeft tbody tr td table.gwt-TabBar {
border-bottom: 1px solid #DDD;
}
.topmenuMenuLeft .gwt-TextBox {
width: 250px;
}
.topmenuMenuLeft .gwt-Button {
padding: 3px 6px;
}
.topmenuMenuLeft .gwt-TabBarFirst {
display: none;
}
.topmenuMenuLeft .gwt-TabBarItem {
margin: 0px;
background: topMenuColor;
background: transparent;
padding-top: 0px;
padding-bottom: 1px;
padding-left: 1em;
padding-right: 1em;
border-right: 1px solid black;
}
.topmenuMenuLeft .gwt-TabBarItem-selected {
background: selectionColor;
}
.topmenuMenuLeft .gwt-TabBarRest {
background: topMenuColor;
background: transparent;
padding-top: 0px;
}
.topmenuMenuLeft .gwt-TabPanelBottom {
background: topMenuColor;
background: transparent;
border-top: none;
border-left: none;
border-right: none;
@@ -290,12 +307,12 @@
white-space: nowrap;
}
.searchPanel .gwt-TextBox {
font-size: 7pt;
font-size: 9pt;
}
.searchPanel .gwt-Button {
font-size: 7pt;
font-size: 9pt;
margin-left: 2px;
padding: 1px;
padding: 3px 6px;
}
/** RPC Status **/
@@ -476,6 +493,10 @@
border-bottom: 1px solid trimColor;
}
.changeTable a.gwt-InlineHyperlink {
color: #222 !important;
}
.accountDashboard.changeTable tr {
color: #444444;
}

View File

@@ -42,6 +42,12 @@ body {
white-space: nowrap;
}
.gwt-TabBar .gwt-TabBarItem,
.gwt-TabBar .gwt-TabBarRest,
.gwt-TabPanelBottom {
background: transparent;
}
.gwt-TabBar {
border-bottom: 1px solid black;
}
@@ -49,16 +55,20 @@ body {
display: none;
}
.gwt-TabBar .gwt-TabBarItem {
margin: 0px;
color: #353535;
margin: 0;
background: trimColor;
padding-top: 0.5em;
padding-bottom: 1px;
padding-left: 1em;
padding-right: 1em;
border-right: 1px solid black;
border-bottom: 3px solid transparent;
border-right: 0;
}
.gwt-TabBar .gwt-TabBarItem-selected {
color: #990000;
background: selectionColor;
border-bottom-color: #990000;
}
.gwt-TabBar .gwt-TabBarRest {
background: trimColor;