git.shemshak.org - ~bandali/configs/blob - .config/tridactyl/themes/bandali-dark.css

   1 /*
   2   Originally based on the 'midnight' theme from the tridactyl
   3   repository, under the Apache License, Version 2.0 (Apache-2.0).
   4
   5   https://github.com/tridactyl/tridactyl/blob/0eeaf15b0648ed1d807386b9ce34642992f71d1d/src/static/themes/midnight/midnight.css
   6 */
   7
   8 :root {
   9     --tridactyl-font-family: "San Francisco", sans-serif;
  10     --tridactyl-bg: #161a20;
  11     --tridactyl-fg: white;
  12
  13     --tridactyl-status-font-size: 12px;
  14     --tridactyl-status-font-family: "Fira Code", "San Francisco";
  15     --tridactyl-status-font-bg: var(--tridactyl-cmdl-bg);
  16     --tridactyl-status-border: 2px solid black;
  17     --tridactyl-status-border-radius: 4px;
  18
  19     --tridactyl-header-font-size: 16px;
  20
  21     --tridactyl-of-fg: black;
  22     --tridactyl-of-bg: #FFD662;
  23
  24     --tridactyl-hintspan-fg: white;
  25     --tridactyl-hintspan-bg: #204e8a;
  26
  27     --tridactyl-hint-active-fg: #333;
  28     --tridactyl-hint-active-bg: #006E51;
  29     --tridactyl-hint-active-outline: 1px solid #000;
  30
  31     --tridactyl-hint-bg: rgba(13, 31, 54, 0.25);
  32     --tridactyl-hint-outline: 1px solid var(--tridactyl-hintspan-bg);
  33
  34     --tridactyl-cmdl-font-size: 1.5rem;
  35     --tridactyl-cmplt-option-height: 1.9em;
  36
  37     --tridactyl-border-radius: 4px;
  38 }
  39
  40
  41 :root.TridactylOwnNamespace {
  42     scrollbar-width: thin;
  43 }
  44
  45 :root.TridactylOwnNamespace a {
  46     color: #3b84ef;
  47 }
  48
  49 :root.TridactylOwnNamespace code {
  50     background-color: #2a333c;
  51     padding: 3px 7px;
  52 }
  53
  54 :root #command-line-holder {
  55     order: 1;
  56 }
  57
  58 :root #command-line-holder, :root #tridactyl-input {
  59     border-radius: var(--tridactyl-border-radius) !important;
  60 }
  61
  62 :root #tridactyl-colon::before {
  63     content: "";
  64 }
  65
  66 :root #tridactyl-input {
  67     width: 96%;
  68     padding: 1rem;
  69 }
  70
  71 :root #completions table {
  72     font-weight: 200;
  73     table-layout: fixed;
  74     padding: 1rem;
  75     padding-top: 0;
  76 }
  77
  78 :root #completions > div {
  79     max-height: calc(20 * var(--tridactyl-cmplt-option-height));
  80     min-height: calc(10 * var(--tridactyl-cmplt-option-height));
  81 }
  82
  83 :root #completions {
  84     border: none !important;
  85     font-family: var(--tridactyl-font-family);
  86     order: 2;
  87     margin-top: 10px;
  88     border-radius: var(--tridactyl-border-radius);
  89 }
  90
  91 :root #completions .HistoryCompletionSource table {
  92     width: 100%;
  93     border-spacing: 0;
  94     table-layout: fixed;
  95 }
  96
  97
  98 :root #completions .BufferCompletionSource table {
  99     width: unset;
 100     font-size: unset;
 101     border-spacing: unset;
 102     table-layout: unset;
 103 }
 104
 105 :root #completions table tr .title {
 106     width: 50%;
 107 }
 108
 109 :root #completions tr .documentation {
 110     white-space: nowrap;
 111     overflow: auto;
 112     text-overflow: ellipsis;
 113 }
 114
 115 :root #completions .sectionHeader {
 116     background: transparent;
 117     padding: 1rem 1rem 0.4rem !important;
 118 }
 119
 120 :root #cmdline_iframe {
 121     position: fixed !important;
 122     bottom: unset;
 123     top: 25% !important;
 124     left: 10% !important;
 125     z-index: 2147483647 !important;
 126     width: 80% !important;
 127     filter: drop-shadow(0px 0px 20px #000000) !important;
 128 }
 129
 130 :root .TridactylStatusIndicator {
 131     position: fixed !important;
 132     bottom: 10px !important;
 133     right: 10px !important;
 134     font-weight: 200 !important;
 135     padding: 5px !important;
 136 }