fix: #502 Adding color and support (breadcrumb)
Theb readcrumb trail in safari was white in lightmode when it should be the darker blue, because it wouldn't be readable otherwise.
fix: #502 added variable (SingleFaq)
Due to earlier problems in older browser versions of Edge, Safari, Firefox and Chrome I added a variable for prefers colors and supports so it will work on those older browsers as well.
refactor: #502 changing readability and removal class (Hero)
When I delved into the code @vsheo and I noticed that the code wasn't that well organized. In a comment referencing this commit I will explain further.
fix: #502 color-scheme to color
Due to me taking this task I filled in color-scheme, but I didn't pay close attention to whether or not it picked it correctly. It does now
test: #502 trying to find the issue
With @vsheo I am now trying to get darkmode to work on all pages, a matter of which is the supports query for light-dark. @vsheo commented on that maybe it can be altered better with just regular color: light-dark(red, blue) so i wanted to test it out
fix: #502 change colors, added queries and fixed css syntax
I changed the colors from named values and hexadecimal to hsl. I added supports and media queries for PE standard and the form tag was missing a closing bracket so I added that.
fix: #502 added queries and change color (TopNav)
Due to the merge conflicts I needed to resolve the colors and queries again. Color is for wider support and media and supports queries are for PE standards.
fix: #502 added queries and change color
I changed hexadecimal values for colors to HSL vor wider support. I also added media and supports queries for PE standards.
fix: #502 changed color and added queries (contact / page)
Added queries for PE standards and changed hexidecimal values to HSL. Could @vsheo take a look at the changed code and see how it could be improved?
fix: #502 change color and added queries (ThemeCard)
Added media and support queries for PE standards and replaced the hexidecimal and rgba for hsl(a) for wider support.
fix: #502 change color and added queries (PreviewBanner)
For PE standards I saw that the function of color-mix is being used, but the problem is that it is only supported from chrome version 111 and up so I needed to switch it up with HSLA. I added media and supports queries for PE.
fix: #502 change color and added queries (IformationCard)
For the wider support for HSL I chose to replace that for the hexidecimal value and added media and supports queries so that it is progressively enhanced.
fix: #502 added alpha valure (NavStudent)
Due to the percentage, I wasn't sure it would work, so I opted for the right version of writing the alpha value
fix: #502 change color and added queries (NavPros)
Due to PE standards, I introduced the media and supports queries so that it functions well on older browsers and changed the color from HSL(A) to RGB(A) for better color
fix: #502 PE standards
Due to the usage of light-dark() it's important to know not all browsers understand this as of yet. Due to PE reasons I added media and supports queries
fix: #502 added queries for PE (Information cards)
For PE standard I added media and supports queries so most browsers will be able to show the content
fix: #502 added queries and changed color (ImageTextSection)
Added queries for PE standard and changed the regular 'white' for an HSL solution for certainty that HSL will be selected.
fix: #502 added queries and changed color (Footer)
I added media and supports queries for PE standards and changed the HEX code for a HSL code for better shade and wider support.
fix: #502 added queries and changed color
For PE standards I changed the colors so that it will be progressively enhanced. I also made the RGBA in HSLA due to it's more wider range of color and support.
fix: #502 change color and added queries
For PE standards I changed the colors so that it will be PE and works on most browsers. I also changed the HEX code for HSL for wider support and better shade.
