conkeror: add style for Pro Git, use less

10 files changed, 238 insertions, 181 deletions

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;