Spythere/spythere-portfolio
1
0
Fork 0
mirror of https://github.com/Spythere/spythere-portfolio.git synced 2026-05-03 05:28:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

global colors

Browse Source
This commit is contained in:
Spythere
2024-02-24 15:54:15 +01:00
parent d13bd5d3bb
commit 909ff7907b
3 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styles/Global.styled.ts
+2 -1
View File
@@ -9,7 +9,6 @@ export const GlobalStyles = createGlobalStyle`
color-scheme: light dark; color-scheme: light dark;
color: white; color: white;
background-color: ${({ theme }) => theme.colors['500']};
font-synthesis: none; font-synthesis: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@@ -27,6 +26,8 @@ export const GlobalStyles = createGlobalStyle`
position: relative; position: relative;
font-size: 1rem; font-size: 1rem;
background-color: ${({ theme }) => theme.colors['bg']};
@media screen and (max-width: ${deviceSize.md}) { @media screen and (max-width: ${deviceSize.md}) {
font-size: calc(1vw + 0.6rem); font-size: calc(1vw + 0.6rem);
src/components/styles/Landing.styled.ts
+2 -2
View File
@@ -60,7 +60,7 @@ export const StyledBrandName = styled.div`
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
background-color: ${({ theme }) => theme.colors['500']}; background-color: ${({ theme }) => theme.colors['bg']};
animation: typing 0.75s steps(11) forwards; animation: typing 0.75s steps(11) forwards;
} }
@@ -74,7 +74,7 @@ export const StyledBrandName = styled.div`
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
background-color: ${({ theme }) => theme.colors['500']}; background-color: ${({ theme }) => theme.colors['bg']};
border-left: 10px solid ${({ theme }) => theme.colors.accent}; border-left: 10px solid ${({ theme }) => theme.colors.accent};
animation: typing 0.75s steps(11) forwards, blinking 1.5s infinite; animation: typing 0.75s steps(11) forwards, blinking 1.5s infinite;
src/theme.ts
+2 -1
View File
@@ -4,7 +4,8 @@ export const theme = {
300: '#bbc1c9', 300: '#bbc1c9',
400: '#415a77', 400: '#415a77',
500: '#1b263b', 500: '#1b263b',
600: '#0d1b2a', 600: '#111',
bg: '#22252b',
accent: '#ffbd00', accent: '#ffbd00',
}, },
fonts: { fonts: {