Use a consistent font, and make links legible in dark mode

gbdev · Sep 19, 2024 · 9005130 · 9005130
1 parent baf5817
commit 9005130
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 22 deletions.
diff --git a/css/style.css b/css/style.css
@@ -4,6 +4,8 @@
     --background: #FAFAFA;
     --background-alt: #EFEFEF;
     --border-color: #D6D6D6;
+    --link: #0000FF;
+    --active-link: #FF0000;
     --log-info: #7D7D7C;
     --log-out: #1D1D1C;
     --log-err: #FF0000;
@@ -16,12 +18,18 @@
         --background: #2D2D2D;
         --background-alt: #424242;
         --border-color: #575757;
+        --link: #8888FF;
+        --active-link: #FF8888;
         --log-info: #999999;
         --log-out: #FFFFFF;
         --log-err: #FF0000;
     }
 }
 
+* {
+    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
+}
+
 body {
     color: var(--color);
     background:var(--background);
@@ -38,28 +46,37 @@ input, textarea {
 button {
     border: 1px solid #555;
     border-radius: 4px;
-    padding: 8px;
+    padding: 2px 8px;
     margin: 2px;
     background-color: var(--background);
     color: var(--color);
 }
 
-button:hover{
+button:hover {
     background-color: var(--background-alt);
 }
 
+a:link, a:visited {
+  color: var(--link);
+  text-decoration: underline;
+}
+a:hover, a:active {
+  color: var(--active-link);
+  text-decoration: none;
+}
+
 .cpuLineMarker {
   position:absolute;
   background:rgba(100,200,100,0.5);
   z-index:20
 }
-.ace_gutter-cell.ace_breakpoint{ 
+.ace_gutter-cell.ace_breakpoint {
     border-radius: 14px;
-    box-shadow: 10px 0px 1px 1px #ff2020 inset; 
+    box-shadow: 10px 0px 1px 1px #ff2020 inset;
 }
-.ace_gutter-cell.ace_invalid_breakpoint{ 
+.ace_gutter-cell.ace_invalid_breakpoint {
     border-radius: 14px;
-    box-shadow: 10px 0px 1px 1px #802020 inset; 
+    box-shadow: 10px 0px 1px 1px #802020 inset;
 }
 .right {
     text-align: right;
@@ -104,14 +121,10 @@ table {
 table, th, td {
   border: 1px solid var(--border-color);
   background: var(--background);
-  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
 }
 body {
   margin: 0;
 }
-textarea {
-  resize: none;
-}
 canvas {
     image-rendering: pixelated;
 }
@@ -159,7 +172,6 @@ canvas {
 .filelist li {
   overflow: auto;
   background: var(--background);
-  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
   padding: 1px;
   cursor: pointer;
   user-select: none;

diff --git a/index.html b/index.html
@@ -58,8 +58,7 @@
 									>Report a problem</a
 								>
 							</li>
-							<li>Source:</li>
-							<li>
+							<li>Source:<br>
 								<a href="https://github.com/gbdev/rgbds-live" target="_blank"
 									>https://github.com/gbdev/rgbds-live</a
 								>
@@ -68,23 +67,19 @@
 							<li>
 								<a href="https://github.com/gbdev/rgbds/" target="_blank"
 									>rgbds</a
-								>: Rednex Game Boy Development System
-							</li>
-							<li>
+								>: Rednex Game Boy Development System<br>
 								(MIT License, Copyright (c) 1997-2024, Carsten Sørensen and
 								RGBDS contributors)
 							</li>
 							<li>
 								<a href="https://github.com/binji/binjgb" target="_blank"
 									>binjgb</a
-								>: Gameboy Emulator
-							</li>
-							<li>(MIT License, Copyright (C) 2016, Ben Smith)</li>
+								>: Gameboy Emulator<br>
+							    (MIT License, Copyright (C) 2016, Ben Smith)</li>
 							<li>
 								<a href="https://ace.c9.io/" target="_blank">Ace</a>: High
-								performance code editor for web
-							</li>
-							<li>(BSD License, Copyright (c) 2010, Ajax.org B.V.)</li>
+								performance code editor for web<br>
+							    (BSD License, Copyright (c) 2010, Ajax.org B.V.)</li>
 						</ul>
 					</li>
 				</ul>