Use yoshi colors in style
Still in transition
This commit is contained in:
parent
6b5f3062e2
commit
d9323f0c01
3 changed files with 65 additions and 38 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
24
.conkerorrc/styles/yoshi.less
Normal file
24
.conkerorrc/styles/yoshi.less
Normal 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;
|
Loading…
Reference in a new issue