]>
git.wh0rd.org - nano-editor.git/blob - style.css
cd59d15db87eb6642abdff02a224cb3e47862a86
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 div#bottom
.indented
{
87 div#bottom span
.menuitem
{
95 /* Mobile (i.e. phones) */
96 @media only screen and
(max-width: 768px) {
110 div#bottom
.indented
{
112 padding-right: 0.5ch;
115 div#bottom span
.menuitem
{
117 line-height: inherit
;
130 @media only screen and
(max-width: 600px) {
131 div#bottom span
.menuitem
{