hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update global styles

Browse Source
This commit is contained in:
Hazem Krimi
2021-01-13 23:22:41 +01:00
parent 5e579e19e8
commit 852adc0f1c
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/GlobalStyles.tsx
+8 -1
View File
@@ -14,13 +14,20 @@ const Global = createGlobalStyle<Props>`
font-size: 17px; font-size: 17px;
line-height: 1.5; line-height: 1.5;
outline: none; outline: none;
user-select: text;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
&::selection {
background: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
color: ${({ dark, theme }) =>
dark ? theme.colors.dark.background : theme.colors.light.background};
}
} }
body { body {
background: ${({ dark, theme }) => background: ${({ dark, theme }) =>
dark ? theme.colors.dark.background : theme.colors.light.background}; dark ? theme.colors.dark.background : theme.colors.light.background};
color: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)}; color: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
transition: color 250ms ease-in-out, background 250ms ease-in-out; transition: color 250ms ease-in-out, background 250ms ease-in-out;
scroll-behavior: smooth; scroll-behavior: smooth;
} }