summaryrefslogtreecommitdiffstats
path: root/.config/tridactyl/themes
diff options
context:
space:
mode:
authorAmin Bandali <bandali@kelar.org>2022-05-15 15:02:25 -0400
committerAmin Bandali <bandali@kelar.org>2022-05-19 22:20:03 -0400
commit9794a10840392066ca3f171e36b4abba394567f5 (patch)
tree2b295077b40268699d4ce5106e4482512f89f2d7 /.config/tridactyl/themes
parentc4c2ff4ebcfeda2603eef806193ef8d891035b9f (diff)
downloadconfigs-9794a10840392066ca3f171e36b4abba394567f5.tar.gz
configs-9794a10840392066ca3f171e36b4abba394567f5.tar.xz
configs-9794a10840392066ca3f171e36b4abba394567f5.zip
* .config/tridactyl/themes/bandali-dark.css: Import tridactyl's `midnight' theme.
Diffstat (limited to '')
-rw-r--r--.config/tridactyl/themes/bandali-dark.css136
1 files changed, 136 insertions, 0 deletions
diff --git a/.config/tridactyl/themes/bandali-dark.css b/.config/tridactyl/themes/bandali-dark.css
new file mode 100644
index 0000000..153dc19
--- /dev/null
+++ b/.config/tridactyl/themes/bandali-dark.css
@@ -0,0 +1,136 @@
+/*
+ Originally based on the 'midnight' theme from the tridactyl
+ repository, under the Apache License, Version 2.0 (Apache-2.0).
+
+ https://github.com/tridactyl/tridactyl/blob/0eeaf15b0648ed1d807386b9ce34642992f71d1d/src/static/themes/midnight/midnight.css
+*/
+
+:root {
+ --tridactyl-font-family: "San Francisco", sans-serif;
+ --tridactyl-bg: #161a20;
+ --tridactyl-fg: white;
+
+ --tridactyl-status-font-size: 12px;
+ --tridactyl-status-font-family: "Fira Code", "San Francisco";
+ --tridactyl-status-font-bg: var(--tridactyl-cmdl-bg);
+ --tridactyl-status-border: 2px solid black;
+ --tridactyl-status-border-radius: 4px;
+
+ --tridactyl-header-font-size: 16px;
+
+ --tridactyl-of-fg: black;
+ --tridactyl-of-bg: #FFD662;
+
+ --tridactyl-hintspan-fg: white;
+ --tridactyl-hintspan-bg: #204e8a;
+
+ --tridactyl-hint-active-fg: #333;
+ --tridactyl-hint-active-bg: #006E51;
+ --tridactyl-hint-active-outline: 1px solid #000;
+
+ --tridactyl-hint-bg: rgba(13, 31, 54, 0.25);
+ --tridactyl-hint-outline: 1px solid var(--tridactyl-hintspan-bg);
+
+ --tridactyl-cmdl-font-size: 1.5rem;
+ --tridactyl-cmplt-option-height: 1.9em;
+
+ --tridactyl-border-radius: 4px;
+}
+
+
+:root.TridactylOwnNamespace {
+ scrollbar-width: thin;
+}
+
+:root.TridactylOwnNamespace a {
+ color: #3b84ef;
+}
+
+:root.TridactylOwnNamespace code {
+ background-color: #2a333c;
+ padding: 3px 7px;
+}
+
+:root #command-line-holder {
+ order: 1;
+}
+
+:root #command-line-holder, :root #tridactyl-input {
+ border-radius: var(--tridactyl-border-radius) !important;
+}
+
+:root #tridactyl-colon::before {
+ content: "";
+}
+
+:root #tridactyl-input {
+ width: 96%;
+ padding: 1rem;
+}
+
+:root #completions table {
+ font-weight: 200;
+ table-layout: fixed;
+ padding: 1rem;
+ padding-top: 0;
+}
+
+:root #completions > div {
+ max-height: calc(20 * var(--tridactyl-cmplt-option-height));
+ min-height: calc(10 * var(--tridactyl-cmplt-option-height));
+}
+
+:root #completions {
+ border: none !important;
+ font-family: var(--tridactyl-font-family);
+ order: 2;
+ margin-top: 10px;
+ border-radius: var(--tridactyl-border-radius);
+}
+
+:root #completions .HistoryCompletionSource table {
+ width: 100%;
+ border-spacing: 0;
+ table-layout: fixed;
+}
+
+
+:root #completions .BufferCompletionSource table {
+ width: unset;
+ font-size: unset;
+ border-spacing: unset;
+ table-layout: unset;
+}
+
+:root #completions table tr .title {
+ width: 50%;
+}
+
+:root #completions tr .documentation {
+ white-space: nowrap;
+ overflow: auto;
+ text-overflow: ellipsis;
+}
+
+:root #completions .sectionHeader {
+ background: transparent;
+ padding: 1rem 1rem 0.4rem !important;
+}
+
+:root #cmdline_iframe {
+ position: fixed !important;
+ bottom: unset;
+ top: 25% !important;
+ left: 10% !important;
+ z-index: 2147483647 !important;
+ width: 80% !important;
+ filter: drop-shadow(0px 0px 20px #000000) !important;
+}
+
+:root .TridactylStatusIndicator {
+ position: fixed !important;
+ bottom: 10px !important;
+ right: 10px !important;
+ font-weight: 200 !important;
+ padding: 5px !important;
+}