└── midnight.css


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


--------------------------------------------------------------------------------