Jonas_Jones/jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/jonasjones.dev.git synced 2025-10-23 00:49:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fixed Light mode project version and icon colors

Browse source 
Fixed an issue with the Project version and Links color in lightmode
This commit is contained in:
Jonas_Jones 2023-10-01 19:19:54 +02:00
parent 865526a219
commit 035f388b0a
3 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/ProjectComponent.svelte
View file

@ -50,13 +50,13 @@
.project-version { .project-version {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: white; color: var(--project-version-color);
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
margin-top: -4px; margin-top: -4px;
padding: 2px; padding: 2px;
border: 3px solid #dcdcdc; border: 3px solid var(--project-version-color);
border-radius: 100px; border-radius: 100px;
float: right; float: right;
} }

2
src/components/ProjectsLinks.svelte
View file

@ -1,5 +1,7 @@
<script> <script>
export let project; export let project;
import "../routes/+page.css";
</script> </script>
<div class="project-links"> <div class="project-links">

4
src/routes/+page.css
View file

@ -25,6 +25,7 @@
--project-border-color: white; --project-border-color: white;
--project-link-color: white; --project-link-color: white;
--project-link-color-hover: #666; --project-link-color-hover: #666;
--project-version-color: white;
--project-search-background-color: rgba(0, 0, 0, 0.678); --project-search-background-color: rgba(0, 0, 0, 0.678);
--project-search-input-font-color: white; --project-search-input-font-color: white;
--nav-menu-background-color: rgba(0, 0, 0, 0.8) --nav-menu-background-color: rgba(0, 0, 0, 0.8)
@ -44,8 +45,9 @@
--footer-font-color: #000; --footer-font-color: #000;
--projects-background-color: rgba(255, 255, 255, 0.4); --projects-background-color: rgba(255, 255, 255, 0.4);
--project-border-color: black; --project-border-color: black;
--project-link-color: white; --project-link-color: black;
--project-link-color-hover: #666; --project-link-color-hover: #666;
--project-version-color: black;
--project-search-background-color: rgba(255, 255, 255, 0.5); --project-search-background-color: rgba(255, 255, 255, 0.5);
--project-search-input-font-color: black; --project-search-input-font-color: black;
--nav-menu-background-color: rgba(255, 255, 255, 0.8) --nav-menu-background-color: rgba(255, 255, 255, 0.8)