From b13108a00538601c46f3ed79038acd163cea8513 Mon Sep 17 00:00:00 2001 From: Tom Willemsen Date: Sun, 3 Mar 2013 16:28:29 +0100 Subject: [PATCH] conkeror: add style for Pro Git, use less --- .conkerorrc/init.js | 1 + .conkerorrc/styles/.gitignore | 1 + .conkerorrc/styles/Makefile | 5 +- .conkerorrc/styles/base.less | 4 + .conkerorrc/styles/git-scm.less | 18 ++++ .conkerorrc/styles/github.css | 161 ------------------------------- .conkerorrc/styles/github.less | 162 ++++++++++++++++++++++++++++++++ .conkerorrc/styles/help.css | 19 ---- .conkerorrc/styles/help.less | 21 +++++ .conkerorrc/styles/tango.less | 27 ++++++ 10 files changed, 238 insertions(+), 181 deletions(-) create mode 100644 .conkerorrc/styles/.gitignore create mode 100644 .conkerorrc/styles/base.less create mode 100644 .conkerorrc/styles/git-scm.less delete mode 100644 .conkerorrc/styles/github.css create mode 100644 .conkerorrc/styles/github.less delete mode 100644 .conkerorrc/styles/help.css create mode 100644 .conkerorrc/styles/help.less create mode 100644 .conkerorrc/styles/tango.less diff --git a/.conkerorrc/init.js b/.conkerorrc/init.js index e399202..5775492 100644 --- a/.conkerorrc/init.js +++ b/.conkerorrc/init.js @@ -306,3 +306,4 @@ register_user_stylesheet( oni_add_sheet("github.css"); oni_add_sheet("help.css"); +oni_add_sheet("git-scm.css"); diff --git a/.conkerorrc/styles/.gitignore b/.conkerorrc/styles/.gitignore new file mode 100644 index 0000000..b3a5267 --- /dev/null +++ b/.conkerorrc/styles/.gitignore @@ -0,0 +1 @@ +*.css diff --git a/.conkerorrc/styles/Makefile b/.conkerorrc/styles/Makefile index fb44500..c75377b 100644 --- a/.conkerorrc/styles/Makefile +++ b/.conkerorrc/styles/Makefile @@ -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 $^ > $@ diff --git a/.conkerorrc/styles/base.less b/.conkerorrc/styles/base.less new file mode 100644 index 0000000..dcb5a5e --- /dev/null +++ b/.conkerorrc/styles/base.less @@ -0,0 +1,4 @@ +@import "tango"; + +@monospace-font: "Envy Code R"; +@background: #111113; diff --git a/.conkerorrc/styles/git-scm.less b/.conkerorrc/styles/git-scm.less new file mode 100644 index 0000000..d69a97d --- /dev/null +++ b/.conkerorrc/styles/git-scm.less @@ -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; + } + } +} diff --git a/.conkerorrc/styles/github.css b/.conkerorrc/styles/github.css deleted file mode 100644 index ff3a643..0000000 --- a/.conkerorrc/styles/github.css +++ /dev/null @@ -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; - } -} diff --git a/.conkerorrc/styles/github.less b/.conkerorrc/styles/github.less new file mode 100644 index 0000000..e4d3ed0 --- /dev/null +++ b/.conkerorrc/styles/github.less @@ -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; + } +} diff --git a/.conkerorrc/styles/help.css b/.conkerorrc/styles/help.css deleted file mode 100644 index 03888b6..0000000 --- a/.conkerorrc/styles/help.css +++ /dev/null @@ -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; - } -} diff --git a/.conkerorrc/styles/help.less b/.conkerorrc/styles/help.less new file mode 100644 index 0000000..339d7fa --- /dev/null +++ b/.conkerorrc/styles/help.less @@ -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; + } +} diff --git a/.conkerorrc/styles/tango.less b/.conkerorrc/styles/tango.less new file mode 100644 index 0000000..ed6858b --- /dev/null +++ b/.conkerorrc/styles/tango.less @@ -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;