Added theme.

It is based off of onedark, which is the theme Doom is based off of.

tridactyl/themes/onedark.css

@@ -0,0 +1,147 @@
+:root {    /* Onedark by Chris Kempson (http://chriskempson.com) */
+    --base00: #282c34;
+    --base01: #353b45;
+    --base02: #3e4451;
+    --base03: #545862;
+    --base04: #565c64;
+    --base05: #abb2bf;
+    --base06: #b6bdca;
+    --base07: #c8ccd4;
+    --base08: #e06c75;
+    --base09: #d19a66;
+    --base0A: #e5c07b;
+    --base0B: #98c379;
+    --base0C: #56b6c2;
+    --base0D: #61afef;
+    --base0E: #c678dd;
+    --base0F: #be5046;
+
+    --tridactyl-fg: var(--base06);
+    --tridactyl-bg: var(--base00);
+    --tridactyl-url-fg: var(--base0D);
+    --tridactyl-url-bg: var(--base00);
+    --tridactyl-highlight-box-bg: var(--base0B);
+    --tridactyl-highlight-box-fg: var(--base00);
+
+    --tridactyl-of-fg: var(--base00);
+    --tridactyl-of-bg: var(--base0D);
+
+    /* Hint character tags */
+    --tridactyl-hintspan-fg: var(--base00) !important;
+    --tridactyl-hintspan-bg: var(--base0A) !important;
+
+    /* Element Highlights */
+    --tridactyl-hint-active-fg: none;
+    --tridactyl-hint-active-bg: none;
+    --tridactyl-hint-active-outline: none;
+    --tridactyl-hint-bg: none;
+    --tridactyl-hint-outline: none;
+}
+
+#command-line-holder {
+    border-top: 1px solid var(--base0B);
+    color: var(--tridactyl-bg);
+    order: 1;
+}
+
+#tridactyl-colon {
+    color: var(--base0B);
+    padding: 0.25rem;
+}
+
+#completions .sectionHeader {
+    display: none;
+}
+
+#tridactyl-input {
+    background: var(--tridactyl-bg);
+    color: var(--tridactyl-fg);
+    font-size: 9pt;
+    line-height: 1.2;
+    padding-left: unset;
+    padding: 0.125rem;
+    vertical-align: middle;
+}
+
+#completions table {
+    border-spacing: 0;
+    font-size: 1;
+    /* font-weight: 200; */
+    padding-top: 0;
+    padding: 0.2rem;
+    table-layout: fixed;
+}
+
+#completions > div {
+    max-height: calc(20 * var(--option-height));
+    min-height: calc(10 * var(--option-height));
+}
+
+#completions {
+    --option-height: 1.4em;
+    background: var(--tridactyl-bg);
+    border-top: unset;
+    color: var(--tridactyl-fg);
+    font-size: unset;
+    /* font-weight: 200; */
+    overflow: hidden;
+    width: 100%;
+}
+
+#completions .optionContainer .option {
+    line-height: 1.4;
+}
+
+#completions .HistoryCompletionSource table {
+    border-spacing: 0;
+    font-size: 9pt;
+    table-layout: fixed;
+    width: 100%;
+}
+
+#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon {    display: none;
+}
+
+#completions .BufferCompletionSource table {
+    width: unset;
+    font-size: unset;
+    border-spacing: unset;
+    table-layout: unset;
+}
+
+#completions table tr .title {
+    width: 50%;
+}
+
+#completions table tr {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+#completions .sectionHeader {
+    display: none;
+}
+
+#cmdline_iframe {    position: fixed !important;
+    box-shadow: rgba(0, 0, 0, 0.5) 20px !important;
+}
+
+.TridactylStatusIndicator {
+    background: var(--tridactyl-bg) !important;
+    border: 1px var(--base0B) solid !important;
+    color:  var(--base0B)
+    border: unset !important;
+    bottom: 0 !important;
+    font-size: 12pt !important;
+    padding: 0.8ex !important;
+    position: fixed !important;
+}
+
+/* /\* #Ocean-normal { *\/ */
+/* /\*  border-color: green !important; *\/ */
+/* /\* } *\/ */
+
+/* /\* #Ocean-insert { *\/ */
+/* /\*  border-color: yellow !important; *\/ */
+/* /\* } *\/ */

tridactyl/tridactylrc

@@ -23,5 +23,6 @@ bind n findnext 1
 bind N findnext -1
 bind ,<Space> nohlsearch
 
+colorscheme onedark
 " This will have to do until someone writes us a nice syntax file :)
 " vim: set filetype=vim: