conkeror: add style for Pro Git, use less
This commit is contained in:
parent
8593af7f3e
commit
b13108a005
10 changed files with 238 additions and 181 deletions
|
@ -306,3 +306,4 @@ register_user_stylesheet(
|
||||||
|
|
||||||
oni_add_sheet("github.css");
|
oni_add_sheet("github.css");
|
||||||
oni_add_sheet("help.css");
|
oni_add_sheet("help.css");
|
||||||
|
oni_add_sheet("git-scm.css");
|
||||||
|
|
1
.conkerorrc/styles/.gitignore
vendored
Normal file
1
.conkerorrc/styles/.gitignore
vendored
Normal file
|
@ -0,0 +1 @@
|
||||||
|
*.css
|
|
@ -1,4 +1,7 @@
|
||||||
DESTDIR:=$(DESTDIR)/styles
|
DESTDIR:=$(DESTDIR)/styles
|
||||||
objects=github.css help.css
|
objects=github.css help.css git-scm.css
|
||||||
|
|
||||||
include ../../dotfiles.mk
|
include ../../dotfiles.mk
|
||||||
|
|
||||||
|
$(objects): %.css: %.less
|
||||||
|
lessc -x $^ > $@
|
||||||
|
|
4
.conkerorrc/styles/base.less
Normal file
4
.conkerorrc/styles/base.less
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
@import "tango";
|
||||||
|
|
||||||
|
@monospace-font: "Envy Code R";
|
||||||
|
@background: #111113;
|
18
.conkerorrc/styles/git-scm.less
Normal file
18
.conkerorrc/styles/git-scm.less
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
@import "base";
|
||||||
|
|
||||||
|
@-moz-document domain(git-scm.com) {
|
||||||
|
.book#main {
|
||||||
|
background: @background !important;
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
|
||||||
|
code, pre {
|
||||||
|
background: @aluminium-6 !important;
|
||||||
|
color: @aluminium-2 !important;
|
||||||
|
font-family: @monospace-font !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&, code, pre {
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,161 +0,0 @@
|
||||||
@-moz-document url(https://github.com/), url(https://github.com/dashboard) {
|
|
||||||
#dashboard .filter-bar {
|
|
||||||
background: #222224 !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dashboard .filter-bar li a.filter_selected {
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dashboard .repos {
|
|
||||||
border: none !important;
|
|
||||||
background-color: #171719 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dashboard .repos .bottom-bar {
|
|
||||||
background-color: #222224 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dashboard .repos .top-bar {
|
|
||||||
background: #222224 !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dashboard .repos h2 {
|
|
||||||
color: inherit !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dashboard ul.repo_list li.private {
|
|
||||||
background: #222224 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dashboard ul.repo_list li a {
|
|
||||||
border-width: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
text-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button .minibutton {
|
|
||||||
background: #171719 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
background: #222224 !important;
|
|
||||||
color: #eeeeec !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
text-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .divider-vertical {
|
|
||||||
background: #222224 !important;
|
|
||||||
border-right: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .top-nav a {
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .topsearch a#advanced_search {
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header #user-links a {
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown-body code,
|
|
||||||
.markdown-body tt {
|
|
||||||
background-color: #222224 !important;
|
|
||||||
border: none !important;
|
|
||||||
color: #eeeeec !important;
|
|
||||||
font-family: "Envy Code R" !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.minibutton.dark-grey {
|
|
||||||
background: #171719 !important;o
|
|
||||||
}
|
|
||||||
|
|
||||||
.news .alert {
|
|
||||||
border-top: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.news .alert .branch-link,
|
|
||||||
.news .alert .pull-info {
|
|
||||||
background: #222224 !important;
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.news .alert .gravatar {
|
|
||||||
background: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.news .alert .simple .title {
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.news .commits li img {
|
|
||||||
background: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.news blockquote {
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagehead .container > ul.tabs {
|
|
||||||
background: #171719 !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagehead .container > ul.tabs li a {
|
|
||||||
text-shadow: none !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagehead .container > ul.tabs li a:hover {
|
|
||||||
background: #222224 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagehead .container > ul.tabs li a.selected {
|
|
||||||
background: #222224 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagehead-actions a.feed {
|
|
||||||
background: #222224 !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination {
|
|
||||||
background: #171719 !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination a {
|
|
||||||
text-shadow: none !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination a:hover {
|
|
||||||
background: #222224 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #ffbb56 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #ee82ee !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.header-logo-blacktocat,
|
|
||||||
a.header-logo-blacktocat:visited {
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #111113 !important;
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
}
|
|
162
.conkerorrc/styles/github.less
Normal file
162
.conkerorrc/styles/github.less
Normal file
|
@ -0,0 +1,162 @@
|
||||||
|
@import "base";
|
||||||
|
|
||||||
|
@-moz-document url("https://github.com/"), url("https://github.com/dashboard") {
|
||||||
|
#dashboard {
|
||||||
|
.filter-bar {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
|
||||||
|
li a.filter_selected {
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.repos {
|
||||||
|
border: none !important;
|
||||||
|
background-color: @aluminium-6 !important;
|
||||||
|
|
||||||
|
.bottom-bar {
|
||||||
|
background-color: @aluminium-5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-bar {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: inherit !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.repo_list li {
|
||||||
|
&.private {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
border-width: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
text-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button .minibutton {
|
||||||
|
background: @aluminium-6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
text-shadow: none !important;
|
||||||
|
|
||||||
|
.divider-vertical {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
border-right: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-nav a,
|
||||||
|
.topsearch a#advanced_search,
|
||||||
|
#user-links a {
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.markdown-body {
|
||||||
|
code, tt {
|
||||||
|
background-color: @aluminium-5 !important;
|
||||||
|
border: none !important;
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
font-family: @monospace-font !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.minibutton.dark-grey {
|
||||||
|
backgrond: @aluminium-6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.news {
|
||||||
|
.alert {
|
||||||
|
border-top: none !important;
|
||||||
|
|
||||||
|
.branch-info,
|
||||||
|
.pull-info {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gravatar {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple .title {
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.commits li img {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagehead .container > ul.tabs {
|
||||||
|
background: @aluminium-6 !important;
|
||||||
|
border: none !important;
|
||||||
|
|
||||||
|
li a {
|
||||||
|
text-shadow: none !important;
|
||||||
|
border: none !important;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&.selected {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagehead-actions a.feed {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
background: @aluminium-6 !important;
|
||||||
|
border: none !important;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-shadow: none !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @orange-1 !important;
|
||||||
|
|
||||||
|
&:visited {
|
||||||
|
color: @plum-1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.header-logo-blacktocat {
|
||||||
|
&, &:visited {
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: @background !important;
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,19 +0,0 @@
|
||||||
@-moz-document url(chrome://conkeror-help/content/help.html) {
|
|
||||||
body {
|
|
||||||
background: #111113 !important;
|
|
||||||
color: #eeeeec !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #ffbb56 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: #ee82ee !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre, .key {
|
|
||||||
background: #222224 !important;
|
|
||||||
font-family: "Envy Code R" !important;
|
|
||||||
}
|
|
||||||
}
|
|
21
.conkerorrc/styles/help.less
Normal file
21
.conkerorrc/styles/help.less
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
@import "base";
|
||||||
|
|
||||||
|
@-moz-document url("chrome://conkeror-help/content/help.html") {
|
||||||
|
body {
|
||||||
|
background: @background !important;
|
||||||
|
color: @aluminium-1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @orange-1 !important;
|
||||||
|
|
||||||
|
&:visited {
|
||||||
|
color: @plum-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pre, .key {
|
||||||
|
background: @aluminium-5 !important;
|
||||||
|
font-family: @monospace-font !important;
|
||||||
|
}
|
||||||
|
}
|
27
.conkerorrc/styles/tango.less
Normal file
27
.conkerorrc/styles/tango.less
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
@butter-1: #fce94f;
|
||||||
|
@butter-2: #edd400;
|
||||||
|
@butter-3: #c4a000;
|
||||||
|
@orange-1: #fcaf3e;
|
||||||
|
@orange-2: #f57900;
|
||||||
|
@orange-3: #ce5c00;
|
||||||
|
@chocolate-1: #e9b96e;
|
||||||
|
@chocolate-2: #c17d11;
|
||||||
|
@chocolate-3: #8f5902;
|
||||||
|
@chameleon-1: #8ae234;
|
||||||
|
@chameleon-2: #73d216;
|
||||||
|
@chameleon-3: #4e9a06;
|
||||||
|
@sky-blue-1: #729fcf;
|
||||||
|
@sky-blue-2: #3465a4;
|
||||||
|
@sky-blue-3: #204a87;
|
||||||
|
@plum-1: #ad7fa8;
|
||||||
|
@plum-2: #75507b;
|
||||||
|
@plum-3: #5c3566;
|
||||||
|
@scarlet-red-1: #ef2929;
|
||||||
|
@scarlet-red-2: #cc0000;
|
||||||
|
@scarlet-red-3: #a40000;
|
||||||
|
@aluminium-1: #eeeeec;
|
||||||
|
@aluminium-2: #d3d7cf;
|
||||||
|
@aluminium-3: #babdb6;
|
||||||
|
@aluminium-4: #888a85;
|
||||||
|
@aluminium-5: #555753;
|
||||||
|
@aluminium-6: #2e3436;
|
Loading…
Reference in a new issue