Bläddra i källkod

whatsnew: Replace colors.

The previous colors seemed to have a purple tint to them when viewing on a newer monitor. Don't know if the problem is with the colors or the monitor.

Switching to the same blue shade (hue ~206, 100% saturation) used in the Windows 10/11 UI (e.g., on selected text, and the blue button in Calculator).

The new color for unvisited links is also nearly identical to the Firefox default, which appears to be hsl(210 100 40).

Visited links are somewhat lighter, like before. Not using a lighter-than-visited color for active links anymore (the difference was barely noticeable).
Jordan Russell 1 år sedan
förälder
incheckning
e991e683a3
1 ändrade filer med 4 tillägg och 4 borttagningar
  1. 4 4
      whatsnew.htm

+ 4 - 4
whatsnew.htm

@@ -8,13 +8,13 @@
     body         { font: calc(14rem/16)/1.5 "Segoe UI", sans-serif; color: #282828; background-color: white }
     a            { text-decoration: none }
     a:hover      { text-decoration: underline }
-    a:link       { color: #264b99; background-color: transparent }
-    a:visited    { color: #5e85d7; background-color: transparent }
-    a:active     { color: #7799dd; background-color: transparent }
+    a:link       { color: hsl(206 100 40); background-color: transparent }
+    a:visited    { color: hsl(206 100 55); background-color: transparent }
+    a:active     { color: hsl(206 100 55); background-color: transparent }
     tt, pre      { font: calc(13rem/16)/calc(21rem/16) monospace; color: inherit; background-color: #f0f0f0; padding: 2px 4px; border-radius: 4px }
     pre          { line-height: normal; padding: 10px; border-radius: 6px }
     li, div.limargins { margin-top: 5px; margin-bottom: 5px }
-    div.bluehead { text-align: center; color: white; background-color: #264b99; padding: 5px; font-weight: bold; line-height: normal }
+    div.bluehead { text-align: center; color: white; background-color: hsl(206 100 30); padding: 5px; font-weight: bold; line-height: normal }
     .date        { font-size: calc(11rem/16); font-weight: bold }
     .head1       { font-size: calc(32rem/16) }
     .head2       { font-size: calc(20rem/16) }