diff --git a/styles/main.css b/styles/main.css index 74b8fe0..b8ece22 100644 --- a/styles/main.css +++ b/styles/main.css @@ -17,3 +17,10 @@ body { h1, h2, h3 { color: var(--primary-colour); } + +a { + color: var(--text-link-unvisited-colour) +} +a:visited { + color: var(--text-link-visited-colour) +} \ No newline at end of file diff --git a/styles/themes.css b/styles/themes.css index 0d60543..b0d41c1 100644 --- a/styles/themes.css +++ b/styles/themes.css @@ -7,6 +7,8 @@ --accent-colour: #4299e1; --page-background-colour: #f7fafc; --text-background-colour: white; + --text-link-unvisited-colour: #0000EE; + --text-link-visited-colour: #551A8B; } :root[data-theme="purple"] { /* Purple theme @@ -18,6 +20,10 @@ --accent-colour: #C77DFF; /* light */ --page-background-colour: #E0AAFF; /* very light */ --text-background-colour: white; + /* + --text-link-unvisited-colour: #0000EE; + --text-link-visited-colour: #551A8B; + */ } :root[data-theme="red"], :root[data-theme="light"] { @@ -31,16 +37,12 @@ --accent-colour: #E35053; --page-background-colour: #F6CACC; --text-background-colour: white; + /* + --text-link-unvisited-colour: #0000EE; + --text-link-visited-colour: #551A8B; + */ } :root[data-theme="dark"] { - /* - --text-colour: #E0E0E0; - --primary-colour: #BB86FC; - --secondary-colour: #03DAC6; - --accent-colour: #FF4081; - --page-background-colour: #121212; - --text-background-colour: black; - */ /* --text-colour: #E0E0E0; /* Light * / --primary-colour: #740000; /* Dark * / @@ -49,12 +51,15 @@ --page-background-colour: #121212; /* Dark * / --text-background-colour: black; /* Black * / */ + /* Dark red theme */ --text-colour: #E0E0E0; /* Light Gray */ --primary-colour: #980000; /* Slightly lighter Dark Red */ --secondary-colour: #D30000; /* Slightly lighter Medium Red */ --accent-colour: #FF4081; /* Pink */ --page-background-colour: #121212; /* Dark Gray */ --text-background-colour: black; /* Dark Red */ + --text-link-unvisited-colour: #ADD8E6; /* Light Blue */ + --text-link-visited-colour: #D8BFD8; /* Thistle (Light Purple) */ } /* Toggle light mode / dark mode button */