conkeror: add style for Pro Git, use less

This commit is contained in:
Tom Willemsen 2013-03-03 16:28:29 +01:00
parent 8593af7f3e
commit b13108a005
10 changed files with 238 additions and 181 deletions

View file

@ -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
View file

@ -0,0 +1 @@
*.css

View file

@ -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 $^ > $@

View file

@ -0,0 +1,4 @@
@import "tango";
@monospace-font: "Envy Code R";
@background: #111113;

View 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;
}
}
}

View file

@ -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;
}
}

View 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;
}
}

View file

@ -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;
}
}

View 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;
}
}

View 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;