improved link colors

This commit is contained in:
eudaimon 2022-04-21 18:48:30 +02:00
parent 870d437781
commit 36a201343b
7 changed files with 77 additions and 71 deletions

View File

@ -420,25 +420,25 @@ list row button.image-button:not(.flat):hover { background-color: shade(#bcbeb9,
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
/********* Links * */
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #3c5529; }
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #004B91; }
button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #404540; }
button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #680091; }
*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #1a1c1a; }
*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #2a003a; }
button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #54773a; }
button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #0065c4; }
*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #080c06; }
*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #000a14; }
button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #3c5529; }
button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #004B91; }
*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #0c1108; }
*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #000f1d; }
button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(63, 63, 63, 0.8); }
button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(73, 73, 73, 0.8); }
button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(60, 85, 41, 0.9); }
button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 75, 145, 0.9); }
.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #0c1108; }
.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #000f1d; }
button:link, button:visited { text-shadow: none; }
@ -711,7 +711,7 @@ menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; }
menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; }
menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #b0dd7e; color: #3c5529; }
menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; }
menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #552222; box-shadow: none; }
@ -1577,7 +1577,7 @@ infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info b
infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #8e8e8e; }
infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #3c5529; }
infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #004B91; }
/************ Tooltips * */
tooltip { padding: 4px; /* not working */ border-radius: 5px; text-shadow: none; }
@ -1675,9 +1675,9 @@ decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(
.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 20px transparent; }
.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; }
.popup decoration { box-shadow: none; }
@ -1685,15 +1685,15 @@ decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(
.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); }
.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
tooltip.csd decoration { border-radius: 5px; box-shadow: none; }
messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
.solid-csd decoration { margin: 0; padding: 4px; background-color: #797979; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8); }
.solid-csd decoration { margin: 0; padding: 4px; background-color: #797979; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8), 0 1px 5px rgba(0, 0, 0, 0.2); }
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8); }
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8), 0 1px 5px rgba(0, 0, 0, 0.2); }
button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }

View File

@ -411,23 +411,23 @@ popover.menu box.circular-buttons button.destructive-action.circular.image-butto
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
/********* Links * */
button.link, link { color: #3c5529; text-decoration: underline; }
button.link, link { color: #004B91; text-decoration: underline; }
button.link:visited, link:visited { color: #404540; }
button.link:visited, link:visited { color: #680091; }
*:selected button.link:visited, *:selected link:visited { color: #1a1c1a; }
*:selected button.link:visited, *:selected link:visited { color: #2a003a; }
button.link:hover, link:hover { color: #54773a; }
button.link:hover, link:hover { color: #0065c4; }
*:selected button.link:hover, *:selected link:hover { color: #080c06; }
*:selected button.link:hover, *:selected link:hover { color: #000a14; }
button.link:active, link:active { color: #3c5529; }
button.link:active, link:active { color: #004B91; }
*:selected button.link:active, *:selected link:active { color: #0c1108; }
*:selected button.link:active, *:selected link:active { color: #000f1d; }
button.link:disabled, link:disabled { color: rgba(63, 63, 63, 0.8); }
button.link:disabled, link:disabled { color: rgba(73, 73, 73, 0.8); }
button.link:selected, *:selected button.link, link:selected, *:selected link { color: #0c1108; }
button.link:selected, *:selected button.link, link:selected, *:selected link { color: #000f1d; }
link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
@ -737,7 +737,7 @@ menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar > item { min-height: 16px; padding: 4px 8px; }
menubar > item:selected { box-shadow: inset 0 -3px #b0dd7e; color: #3c5529; }
menubar > item:selected { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; }
menubar > item:disabled { color: #552222; box-shadow: none; }
@ -1580,19 +1580,19 @@ window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0,
window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; }
window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
window.csd.popup { border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
window.solid-csd { margin: 0; padding: 4px; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8); }
window.solid-csd { margin: 0; padding: 4px; border: solid 1px #797979; border-radius: 0; box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #b4b4b4, inset 0 1px rgba(255, 255, 255, 0.8), 0 1px 5px rgba(0, 0, 0, 0.2); }
window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8); }
window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #797979, inset 0 0 0 3px #a7a7a7, inset 0 1px rgba(255, 255, 255, 0.8), 0 1px 5px rgba(0, 0, 0, 0.2); }
window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 0 0 20px transparent; }
window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 20px transparent; }
window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 20px transparent; }
window.popup { box-shadow: none; }

View File

@ -33,5 +33,6 @@ $hint_bg: #6789b4;
$osd_fg: $hint_fg;
$osd_bg: $hint_bg;
$link_fg: #004B91;
$link_visited_fg: #680091;

View File

@ -14,8 +14,8 @@ $borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color
$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%));
$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93));
$link_color: mix($successc, $fg_color, 30%);//if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
$link_visited_color: mix($selected_bg_color, $fg_color, 20%); //if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
$link_color: $link_fg; //mix($successc, $fg_color, 30%);//if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
$link_visited_color: $link_visited_fg; //mix($selected_bg_color, $fg_color, 20%); //if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
$top_hilight: $borders_edge;
$dark_fill: mix($borders_color, $bg_color, 50%);

View File

@ -420,25 +420,25 @@ list row button.image-button:not(.flat):hover { background-color: shade(#bcbeb9,
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
/********* Links * */
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #3c5529; }
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #004B91; }
button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #404540; }
button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #680091; }
*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #1a1c1a; }
*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #2a003a; }
button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #54773a; }
button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #0065c4; }
*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #080c06; }
*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #000a14; }
button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #3c5529; }
button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #004B91; }
*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #0c1108; }
*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #000f1d; }
button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(63, 63, 63, 0.8); }
button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(73, 73, 73, 0.8); }
button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(60, 85, 41, 0.9); }
button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 75, 145, 0.9); }
.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #0c1108; }
.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #000f1d; }
button:link, button:visited { text-shadow: none; }
@ -711,7 +711,7 @@ menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; }
menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; }
menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #b0dd7e; color: #3c5529; }
menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; }
menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #552222; box-shadow: none; }
@ -1577,7 +1577,7 @@ infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info b
infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #8e8e8e; }
infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #3c5529; }
infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #004B91; }
/************ Tooltips * */
tooltip { padding: 4px; /* not working */ border-radius: 5px; text-shadow: none; }

View File

@ -411,23 +411,23 @@ popover.menu box.circular-buttons button.destructive-action.circular.image-butto
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
/********* Links * */
button.link, link { color: #3c5529; text-decoration: underline; }
button.link, link { color: #004B91; text-decoration: underline; }
button.link:visited, link:visited { color: #404540; }
button.link:visited, link:visited { color: #680091; }
*:selected button.link:visited, *:selected link:visited { color: #1a1c1a; }
*:selected button.link:visited, *:selected link:visited { color: #2a003a; }
button.link:hover, link:hover { color: #54773a; }
button.link:hover, link:hover { color: #0065c4; }
*:selected button.link:hover, *:selected link:hover { color: #080c06; }
*:selected button.link:hover, *:selected link:hover { color: #000a14; }
button.link:active, link:active { color: #3c5529; }
button.link:active, link:active { color: #004B91; }
*:selected button.link:active, *:selected link:active { color: #0c1108; }
*:selected button.link:active, *:selected link:active { color: #000f1d; }
button.link:disabled, link:disabled { color: rgba(63, 63, 63, 0.8); }
button.link:disabled, link:disabled { color: rgba(73, 73, 73, 0.8); }
button.link:selected, *:selected button.link, link:selected, *:selected link { color: #0c1108; }
button.link:selected, *:selected button.link, link:selected, *:selected link { color: #000f1d; }
link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
@ -737,7 +737,7 @@ menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar > item { min-height: 16px; padding: 4px 8px; }
menubar > item:selected { box-shadow: inset 0 -3px #b0dd7e; color: #3c5529; }
menubar > item:selected { box-shadow: inset 0 -3px #b0dd7e; color: #004B91; }
menubar > item:disabled { color: #552222; box-shadow: none; }

View File

@ -1,18 +1,21 @@
$window_fg: #241f31;
$window_bg: #a79f94;
$window_bg: #a7a7a7;
$text_widget_fg: #241f31;
$text_widget_bg: #90897f;
$button_fg: #241f31;
$button_bg: #a0a780;
$disabled_fg: #552222;
$disabled_bg: #997676;
$text_widget_bg: #908f8d;
$selected_fg: #000000;
$selected_bg: #476c0e;
$selected_bg: #b0dd7e;
$button_fg: #241f31;
$button_bg: #bcbeb9;
$button_checked_bg: $selected_bg;
$button_checked_fg: $selected_fg;
$disabled_fg: #552222;
$disabled_bg: #938989;
/*Usually an automatic fg color on these backgrounds should check this value!*/
$warningc: #f57900;
$errorc: #990000;
$successc: #73d216;
@ -27,7 +30,9 @@ $titlebar_backdrop_bg: $window_bg;
$hint_fg: #002269;
$hint_bg: #6789b4;
$osd_fg: #eeeeec;
$osd_bg: darken($window_bg, 0.1);
$osd_fg: $hint_fg;
$osd_bg: $hint_bg;
$link_fg: #004B91;
$link_visited_fg: #680091;