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 "yoshi";
|
||||
|
||||
@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") {
|
||||
#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;
|
||||
}
|
||||
}
|
||||
|
|
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