Use yoshi colors in style

Still in transition
This commit is contained in:
Tom Willemse 2013-04-23 00:29:39 +02:00
parent 6b5f3062e2
commit d9323f0c01
3 changed files with 65 additions and 38 deletions

View file

@ -1,4 +1,6 @@
@import "tango";
@import "yoshi";
@monospace-font: "Envy Code R";
@background: #111113;
@background: @dblack;
@foreground: @lwhite;

View file

@ -3,25 +3,25 @@
@-moz-document url("https://github.com/"), url("https://github.com/dashboard") {
#dashboard {
.filter-bar {
background: @aluminium-5 !important;
border-bottom: none !important;
background: @dblack !important;
border-bottom-color: @dwhite !important;
li a.filter_selected {
color: @aluminium-1 !important;
color: @dwhite !important;
}
}
.repos {
border: none !important;
background-color: @aluminium-6 !important;
border-color: @dwhite !important;
background-color: @dblack !important;
.bottom-bar {
background-color: @aluminium-5 !important;
background-color: @dblack !important;
}
.top-bar {
background: @aluminium-5 !important;
border-bottom: none !important;
background: @dblack !important;
border-bottom-color: @dwhite !important;
}
h2 {
@ -31,7 +31,7 @@
ul.repo_list li {
&.private {
background: @aluminium-5 !important;
background: @dwhite !important;
}
a {
@ -45,48 +45,48 @@
}
.button .minibutton {
background: @aluminium-6 !important;
background: @dblack !important;
}
.header {
background: @aluminium-5 !important;
color: @aluminium-1 !important;
border-bottom: none !important;
background: @dwhite !important;
color: @lblack !important;
border-bottom-color: @dblack !important;
text-shadow: none !important;
.divider-vertical {
background: @aluminium-5 !important;
border-right: none !important;
background: @dblack !important;
border-right-color: @dwhite !important;
}
.top-nav a,
.topsearch a#advanced_search,
#user-links a {
color: @aluminium-1 !important;
color: @lblack !important;
}
}
.markdown-body {
code, tt {
background-color: @aluminium-5 !important;
border: none !important;
color: @aluminium-1 !important;
background-color: @dwhite !important;
border-color: @dblack !important;
color: @lblack !important;
font-family: @monospace-font !important;
}
}
.minibutton.dark-grey {
backgrond: @aluminium-6 !important;
backgrond: @dwhite !important;
}
.news {
.alert {
border-top: none !important;
border-top-color: @dwhite !important;
.branch-info,
.pull-info {
background: @aluminium-5 !important;
color: @aluminium-1 !important;
background: @dblack !important;
color: @lblack !important;
}
.gravatar {
@ -94,7 +94,7 @@
}
.simple .title {
color: @aluminium-1 !important;
color: @lblack !important;
}
}
@ -103,12 +103,12 @@
}
blockquote {
color: @aluminium-1 !important;
color: @lblack !important;
}
}
.pagehead .container > ul.tabs {
background: @aluminium-6 !important;
background: @dblack !important;
border: none !important;
li a {
@ -117,46 +117,47 @@
&:hover,
&.selected {
background: @aluminium-5 !important;
background: @dwhite !important;
}
}
}
.pagehead-actions a.feed {
background: @aluminium-5 !important;
border: none !important;
background: @dwhite !important;
border: @dblack !important;
color: @lorange !important;
}
.pagination {
background: @aluminium-6 !important;
border: none !important;
background: @dwhite !important;
border-color: @dblack !important;
a {
text-shadow: none !important;
border-bottom: none !important;
border-bottom-color: @dwhite !important;
&:hover {
background: @aluminium-5 !important;
background: @dblack !important;
}
}
}
a {
color: @orange-1 !important;
color: @lorange !important;
&:visited {
color: @plum-1 !important;
color: @lmagenta !important;
}
&.header-logo-blacktocat {
&, &:visited {
color: @aluminium-1 !important;
color: @dwhite !important;
}
}
}
body {
background-color: @background !important;
color: @aluminium-1 !important;
color: @foreground !important;
}
}

View file

@ -0,0 +1,24 @@
@lblack: #ededed;
@dblack: #111111;
@lwhite: #bfbfbf;
@dwhite: #404040;
@lred: #bf7d7d;
@dred: #402929;
@lorange: #bfa47d;
@dorange: #403729;
@lyellow: #b2bf7d;
@dyellow: #3b4029;
@lgreen: #8abf6d;
@dgreen: #2d4029;
@lturquoise: #7dbf97;
@dturquoise: #294032;
@lcyan: #7dbfbf;
@dcyan: #294040;
@lblue: #6d97bf;
@dblue: #293240;
@lpurple: #8a7dbf;
@dpurple: #2d2940;
@lmagenta: #b27dbf;
@dmagenta: #3b2940;
@lpink: #bf6da4;
@dpink: #402937;