conkeror: Add yoshi theme

.conkerorrc/init.js

@@ -171,7 +171,7 @@ add_hook("mode_line_hook", mode_line_adder(downloads_status_widget));
 remove_hook("download_added_hook", open_download_buffer_automatically);
 
 hints_minibuffer_annotation_mode(true);
-theme_load("naquadah");
+theme_load("yoshi");
 
 external_content_handlers.set("application/pdf", "xpdf");
 

.conkerorrc/themes/Makefile

@@ -1,4 +1,4 @@
 DESTDIR:=$(DESTDIR)/themes
-modules=naquadah
+modules=naquadah yoshi
 
 include ../../dotfiles.mk

.conkerorrc/themes/yoshi/Makefile

@@ -0,0 +1,5 @@
+DESTDIR:=$(DESTDIR)/yoshi
+objects=conkeror--scrollbars.css hints--url-panel.css minibuffer.css \
+	mode-line.css new-tabs.css tab-bar.css theme.json
+
+include ../../../dotfiles.mk

.conkerorrc/themes/yoshi/conkeror--scrollbars.css

@@ -0,0 +1,36 @@
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* The "background" behind the scrolling part of the scrollbar. */
+scrollbar {
+    background-color: #222;
+}
+
+/* corner between horizontal and vertical scrollbars */
+scrollcorner {
+    background-color: black;
+}
+
+/* The scroll up/down buttons. */
+scrollbarbutton {
+    background-color: #666;
+}
+
+/* The actual scrolling part of the scrollbar. */
+thumb {
+    background-color: #666;
+}
+
+thumb, scrollbarbutton {
+    -moz-border-bottom-colors: #000 #333;
+    -moz-border-left-colors: #aaa #888;
+    -moz-border-right-colors: #000 #333;
+    -moz-border-top-colors: #aaa #888;
+}
+
+scrollbarbutton:hover:active, scrollbarbutton[active="true"] {
+    -moz-border-bottom-colors: #aaa #888;
+    -moz-border-left-colors: #000 #333;
+    -moz-border-right-colors: #aaa #888;
+    -moz-border-top-colors: #000 #333;
+}

.conkerorrc/themes/yoshi/hints--url-panel.css

@@ -0,0 +1,17 @@
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.panel {
+  border-top: 4px double #333333;
+  color: white;
+  background-color: black;
+}
+
+.panel .panel-row-label {
+  font-weight: bold;
+}
+
+.panel .url-panel-label {
+  font-weight: bold;
+}
+

.conkerorrc/themes/yoshi/minibuffer.css

@@ -0,0 +1,49 @@
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#minibuffer {
+    background-color: #111113;
+    border: none;
+    color: #EEEEEC;
+    font: 16px "Envy Code R";
+}
+
+#minibuffer-input, #minibuffer-input * {
+    color: #EEEEEC;
+}
+
+#minibuffer-prompt {
+    color: #EEEEEC;
+}
+
+/* Completions display */
+
+tree.completions treechildren { border: none !important; }
+
+tree.completions treecol { -moz-binding: none !important; }
+tree.completions {
+  -moz-appearance: none !important;
+  border: 0px none !important;
+  background-color: #111113 !important;
+  -moz-border-top-colors: -moz-initial !important;
+  color: #EEEEEC !important;
+  font: 18px "Envy Code R";
+}
+
+tree.completions treechildren::-moz-tree-row {
+  background-color: #111113 !important;
+  border: none;
+}
+
+tree.completions treechildren::-moz-tree-row(current) {
+  background-color: #536580 !important;
+  color: #EEEEEC;
+}
+
+tree.completions treechildren::-moz-tree-cell-text(completion-description) {
+  color: #b8ffa6 !important;
+}
+
+tree.completions treechildren::-moz-tree-cell-text(current) {
+  color: #EEEEEC !important;
+}

.conkerorrc/themes/yoshi/mode-line.css

@@ -0,0 +1,11 @@
+.mode-line {
+    font: 16px "Envy Code R";
+    padding: 0px;
+    border: none;
+    color: #EEEEEC;
+    background-color: #222224;
+}
+
+.mode-line label {
+    color: #EEEEEC;
+}

.conkerorrc/themes/yoshi/new-tabs.css

@@ -0,0 +1,54 @@
+#tab2-bar {
+    background: #222;
+}
+
+.tab2 {
+    margin: 2px 0px 0px 2px;
+    padding: 0px;
+    height: 22px;
+    border-width: 2px;
+    border-bottom-width: 0;
+    border-style: solid;
+    -moz-border-radius: 3px 3px 0 0;
+    -moz-border-left-colors: #888 #555;
+    -moz-border-right-colors: #000 #171717;
+    -moz-border-top-colors: #888 #555;
+    background: #333;
+    min-width: 200px;
+    max-width: 200px;
+    overflow: hidden; /* Chops end of label */
+}
+
+.tab2[selected=true] {
+    -moz-border-left-colors: #aaa #888;
+    -moz-border-right-colors: #000 #333;
+    -moz-border-top-colors: #aaa #888;
+    background: #666;
+}
+
+.tab2:hover {
+    -moz-border-left-colors: #eee #bbb;
+    -moz-border-right-colors: #333 #666;
+    -moz-border-top-colors: #eee #bbb;
+    background: #999;
+}
+
+.tab2-label {
+    margin-left: 4px;
+    padding-top: 1px;
+    color: #fff;
+    font: 11px Tahoma;
+}
+
+.tab2-icon {
+    margin: 1px !important;
+    padding: 1px;
+    width: 20px;
+    height: 15px;
+    max-height: 15px;
+    -moz-border-radius: 1px;
+    background: black;
+    color: white;
+    font: 900 11px Tahoma;
+    text-align: center;
+}

.conkerorrc/themes/yoshi/tab-bar.css

@@ -0,0 +1,41 @@
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* TABS */
+#tab2-bar {
+    background: #000;
+}
+
+#tab2-bar .tab2 {
+    margin: 0;
+    padding: 0;
+    border: none;
+    /*height: 19px;
+    border: 1px solid #666;
+    min-width: 200px;
+    max-width: 200px;*/
+    background: #333;
+    overflow: hidden;
+}
+
+#tab2-bar .tab2-label {
+    margin: 0;
+    color: white;
+    font: 11px Tahoma;
+}
+
+#tab2-bar .tab2-icon {
+    height: 16px;
+    width: 16px;
+    background: #222;
+    color: white;
+    border: 1px solid #999;
+    font: 900 11px Tahoma;
+    text-align: center;
+}
+
+#tab2-bar .tab2[selected=true] {
+    border: 1px solid white;
+    background: #666;
+    border: 1px solid #999;
+}

.conkerorrc/themes/yoshi/theme.json

@@ -0,0 +1,9 @@
+{ "sheets" : [
+    "conkeror--scrollbars.css",
+    "new-tabs.css",
+    "minibuffer.css",
+    "mode-line.css",
+    "hints--url-panel.css",
+    "tab-bar.css"
+  ]
+}