]>
git.wh0rd.org - nano-editor.git/blob - style.css
3 /* Variables for light & dark modes. */
6 --nano-content-bg-color: #fff;
7 --nano-content-fg-color: #440077;
8 --nano-inverted-bg-color: #407;
9 --nano-inverted-fg-color: #fff;
11 --nano-a-visited-color: #51188E;
12 --nano-a-active-color: #F00;
13 --nano-a-inverted-color: #fff;
16 @media (prefers-color-scheme: dark
) {
18 --nano-content-bg-color: #111;
19 --nano-content-fg-color: #cc88ff;
20 --nano-inverted-bg-color: #9200ff;
21 --nano-inverted-fg-color: #fff;
23 --nano-a-visited-color: #b7f;
24 --nano-a-active-color: #F00;
25 --nano-a-inverted-color: #fff;
30 color: var
(--nano-content-fg-color
);
31 background-color: var
(--nano-content-bg-color
);
34 color: var
(--nano-inverted-fg-color
);
35 background-color: var
(--nano-inverted-bg-color
);
39 color: var
(--nano-a-color
);
42 color: var
(--nano-a-visited-color
);
45 color: var
(--nano-a-active-color
);
49 color: var
(--nano-a-inverted-color
);
53 box-sizing: border-box
;
64 border-collapse: separate
;
73 table#bottom td
.indented
{
83 /* Mobile (i.e. phones) */
84 @media only screen and
(max-width: 768px) {
94 table#bottom td
.indented
{