1@media (prefers-color-scheme: light) { 2 html, body { 3 position: relative; 4 width: 100%; 5 height: 100%; 6 } 7 8 #dgraph-div { 9 display: none; 10 } 11 12 body { 13 color: #333; 14 margin: 0; 15 padding: 8px; 16 box-sizing: border-box; 17 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 18 } 19 20 a { 21 color: rgb(0,100,200); 22 text-decoration: none; 23 } 24 25 a:hover { 26 text-decoration: underline; 27 } 28 29 a:visited { 30 color: rgb(0,80,160); 31 } 32 33 label { 34 display: block; 35 } 36 37 38 39 input, button, select, textarea { 40 font-family: inherit; 41 font-size: inherit; 42 padding: 0.4em; 43 margin: 0 0 0.5em 0; 44 box-sizing: border-box; 45 border: 1px solid #ccc; 46 border-radius: 2px; 47 } 48 49 input:disabled { 50 color: #ccc; 51 } 52 53 input[type="range"] { 54 height: 0; 55 } 56 57 button { 58 background-color: #f4f4f4; 59 outline: none; 60 } 61 62 button:active { 63 background-color: #ddd; 64 } 65 66 button:focus { 67 border-color: #666; 68 } 69} 70 71 body { 72 background-color: #3f3f3f; 73 color: #c8c8c8; 74 margin: 0; 75 padding: 8px; 76 box-sizing: border-box; 77 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 78 }} 79@media (prefers-color-scheme: dark) { 80 html, body { 81 position: relative; 82 width: 100%; 83 height: 100%; 84 85 86 a { 87 color: rgb(0,100,200); 88 text-decoration: none; 89 } 90 91 a:hover { 92 text-decoration: underline; 93 } 94 95 a:visited { 96 color: rgb(0,80,160); 97 } 98 99 label { 100 display: block; 101 } 102 103 input, button, select, textarea { 104 font-family: inherit; 105 font-size: inherit; 106 padding: 0.4em; 107 margin: 0 0 0.5em 0; 108 box-sizing: border-box; 109 border: 1px solid #ccc; 110 border-radius: 2px; 111 } 112 113 input:disabled { 114 color: #ccc; 115 } 116 117 input[type="range"] { 118 height: 0; 119 } 120 121 button { 122 background-color: #f4f4f4; 123 outline: none; 124 } 125 126 button:active { 127 background-color: #ddd; 128 } 129 130 button:focus { 131 border-color: #666; 132 } 133} 134 135