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("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
|
||||
objects=github.css help.css
|
||||
objects=github.css help.css git-scm.css
|
||||
|
||||
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