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