admin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix(UI): Corrected text colours for links visited and unvisited in light and dark themes.

Browse Source
This commit is contained in:
teddy
2025-03-05 17:14:00 +00:00
parent b4927ac440
commit 48c4c9bef6
2 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
styles/main.css
View File

@@ -17,3 +17,10 @@ body {
h1, h2, h3 { h1, h2, h3 {
color: var(--primary-colour); color: var(--primary-colour);
} }
a {
color: var(--text-link-unvisited-colour)
}
a:visited {
color: var(--text-link-visited-colour)
}

21
styles/themes.css
View File

@@ -7,6 +7,8 @@
--accent-colour: #4299e1; --accent-colour: #4299e1;
--page-background-colour: #f7fafc; --page-background-colour: #f7fafc;
--text-background-colour: white; --text-background-colour: white;
--text-link-unvisited-colour: #0000EE;
--text-link-visited-colour: #551A8B;
} }
:root[data-theme="purple"] { :root[data-theme="purple"] {
/* Purple theme /* Purple theme
@@ -18,6 +20,10 @@
--accent-colour: #C77DFF; /* light */ --accent-colour: #C77DFF; /* light */
--page-background-colour: #E0AAFF; /* very light */ --page-background-colour: #E0AAFF; /* very light */
--text-background-colour: white; --text-background-colour: white;
/*
--text-link-unvisited-colour: #0000EE;
--text-link-visited-colour: #551A8B;
*/
} }
:root[data-theme="red"], :root[data-theme="red"],
:root[data-theme="light"] { :root[data-theme="light"] {
@@ -31,16 +37,12 @@
--accent-colour: #E35053; --accent-colour: #E35053;
--page-background-colour: #F6CACC; --page-background-colour: #F6CACC;
--text-background-colour: white; --text-background-colour: white;
/*
--text-link-unvisited-colour: #0000EE;
--text-link-visited-colour: #551A8B;
*/
} }
:root[data-theme="dark"] { :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 * / --text-colour: #E0E0E0; /* Light * /
--primary-colour: #740000; /* Dark * / --primary-colour: #740000; /* Dark * /
@@ -49,12 +51,15 @@
--page-background-colour: #121212; /* Dark * / --page-background-colour: #121212; /* Dark * /
--text-background-colour: black; /* Black * / --text-background-colour: black; /* Black * /
*/ */
/* Dark red theme */
--text-colour: #E0E0E0; /* Light Gray */ --text-colour: #E0E0E0; /* Light Gray */
--primary-colour: #980000; /* Slightly lighter Dark Red */ --primary-colour: #980000; /* Slightly lighter Dark Red */
--secondary-colour: #D30000; /* Slightly lighter Medium Red */ --secondary-colour: #D30000; /* Slightly lighter Medium Red */
--accent-colour: #FF4081; /* Pink */ --accent-colour: #FF4081; /* Pink */
--page-background-colour: #121212; /* Dark Gray */ --page-background-colour: #121212; /* Dark Gray */
--text-background-colour: black; /* Dark Red */ --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 */ /* Toggle light mode / dark mode button */