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

Fix(UI): \n 1. Increase margin on cards. \n 2. Move project details above project thumbnail in project section. \n 3. Disable Google Translate on-text-hover behaviour that interferes with page and expected functionality. \n 4. Updated GitHub contributions calendar colour scale to match user-selected page theme.

Browse Source
This commit is contained in:
teddy
2025-03-05 18:13:32 +00:00
parent 48c4c9bef6
commit 5d488bd601
10 changed files with 117 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
styles/themes.css
View File

@@ -9,6 +9,11 @@
--text-background-colour: white;
--text-link-unvisited-colour: #0000EE;
--text-link-visited-colour: #551A8B;
--github-calendar-level-0-colour: var(--color-calendar-graph-day-bg);
--github-calendar-level-1-colour: var(--color-calendar-graph-day-L1-bg);
--github-calendar-level-2-colour: var(--color-calendar-graph-day-L2-bg);
--github-calendar-level-3-colour: var(--color-calendar-graph-day-L3-bg);
--github-calendar-level-4-colour: var(--color-calendar-graph-day-L4-bg);
}
:root[data-theme="purple"] {
/* Purple theme
@@ -23,6 +28,11 @@
/*
--text-link-unvisited-colour: #0000EE;
--text-link-visited-colour: #551A8B;
--github-calendar-level-0-colour: var(--color-calendar-graph-day-bg);
--github-calendar-level-1-colour: var(--color-calendar-graph-day-L1-bg);
--github-calendar-level-2-colour: var(--color-calendar-graph-day-L2-bg);
--github-calendar-level-3-colour: var(--color-calendar-graph-day-L3-bg);
--github-calendar-level-4-colour: var(--color-calendar-graph-day-L4-bg);
*/
}
:root[data-theme="red"],
@@ -40,6 +50,11 @@
/*
--text-link-unvisited-colour: #0000EE;
--text-link-visited-colour: #551A8B;
--github-calendar-level-0-colour: var(--color-calendar-graph-day-bg);
--github-calendar-level-1-colour: var(--color-calendar-graph-day-L1-bg);
--github-calendar-level-2-colour: var(--color-calendar-graph-day-L2-bg);
--github-calendar-level-3-colour: var(--color-calendar-graph-day-L3-bg);
--github-calendar-level-4-colour: var(--color-calendar-graph-day-L4-bg);
*/
}
:root[data-theme="dark"] {
@@ -60,6 +75,11 @@
--text-background-colour: black; /* Dark Red */
--text-link-unvisited-colour: #ADD8E6; /* Light Blue */
--text-link-visited-colour: #D8BFD8; /* Thistle (Light Purple) */
--github-calendar-level-0-colour: rgba(30, 30, 30, 255); /* var(--text-background-colour); */
--github-calendar-level-1-colour: #ff5252;
--github-calendar-level-2-colour: #f30000;
--github-calendar-level-3-colour: #c10000;
--github-calendar-level-4-colour: #840000;
}
/* Toggle light mode / dark mode button */