Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-09 23:15:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use tabs instead of spaces

Browse Source
This commit is contained in:
Sonny
2024-10-07 01:33:59 +02:00
parent f425decf2c
commit eea9732100
197 changed files with 5206 additions and 5209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
inertia/styles/border.ts
View File

@@ -1,5 +1,5 @@
import { Theme } from '@emotion/react';
export const border: Theme['border'] = {
radius: '3px',
radius: '3px',
};

40
inertia/styles/keyframes.ts
View File

@@ -1,30 +1,30 @@
import { keyframes } from '@emotion/react';
export const fadeIn = keyframes({
'0%': {
opacity: 0,
},
'100%': {
opacity: 1,
},
'0%': {
opacity: 0,
},
'100%': {
opacity: 1,
},
});
export const rotate = keyframes({
to: {
transform: 'rotate(0deg)',
},
from: {
transform: 'rotate(360deg)',
},
to: {
transform: 'rotate(0deg)',
},
from: {
transform: 'rotate(360deg)',
},
});
export const fadeInScale = keyframes({
from: {
opacity: 0,
transform: 'scale(0.95)',
},
to: {
opacity: 1,
transform: 'scale(1)',
},
from: {
opacity: 0,
transform: 'scale(0.95)',
},
to: {
opacity: 1,
transform: 'scale(1)',
},
});

12
inertia/styles/media_queries.ts
View File

@@ -1,10 +1,10 @@
import { Theme } from '@emotion/react';
export const media: Theme['media'] = {
mobile: '768px',
tablet: '1024px',
small_desktop: '1280px',
medium_desktop: '1440px',
large_desktop: '1920px',
xlarge_desktop: '2560px',
mobile: '768px',
tablet: '1024px',
small_desktop: '1280px',
medium_desktop: '1440px',
large_desktop: '1920px',
xlarge_desktop: '2560px',
};

54
inertia/styles/themes/dark_theme.ts
View File

@@ -2,44 +2,44 @@ import { Theme } from '@emotion/react';
import { rgba } from '~/lib/color';
import { border } from '~/styles/border';
import {
darkBlue,
darkestBlue,
lightBlue,
lightRed,
lightestBlue,
darkBlue,
darkestBlue,
lightBlue,
lightRed,
lightestBlue,
} from '~/styles/common_colors';
import { media } from '~/styles/media_queries';
import { transition } from '~/styles/transition';
export const darkTheme: Theme = {
colors: {
font: '#f0eef6',
background: '#222831',
primary: '#4fadfc',
secondary: '#323a47',
colors: {
font: '#f0eef6',
background: '#222831',
primary: '#4fadfc',
secondary: '#323a47',
black: '#333333',
white: '#ffffff',
black: '#333333',
white: '#ffffff',
lightGrey: '#323a47',
grey: '#aaaaaa',
lightGrey: '#323a47',
grey: '#aaaaaa',
lightestBlue,
lightBlue,
blue: '#4fadfc',
darkBlue,
darkestBlue,
lightestBlue,
lightBlue,
blue: '#4fadfc',
darkBlue,
darkestBlue,
green: '#09b909',
green: '#09b909',
lightRed,
lightRed,
yellow: '#ffc107',
yellow: '#ffc107',
boxShadow: `0 0 1em 0 ${rgba('#111', 0.4)}`,
},
boxShadow: `0 0 1em 0 ${rgba('#111', 0.4)}`,
},
border,
media,
transition,
border,
media,
transition,
};

56
inertia/styles/themes/light_theme.ts
View File

@@ -2,45 +2,45 @@ import { Theme } from '@emotion/react';
import { rgba } from '~/lib/color';
import { border } from '~/styles/border';
import {
darkBlue,
darkestBlue,
lightBlue,
lightRed,
lightestBlue,
primaryColor,
darkBlue,
darkestBlue,
lightBlue,
lightRed,
lightestBlue,
primaryColor,
} from '~/styles/common_colors';
import { media } from '~/styles/media_queries';
import { transition } from '~/styles/transition';
export const lightTheme: Theme = {
colors: {
font: '#333',
background: '#f0eef6',
primary: primaryColor,
secondary: '#fff',
colors: {
font: '#333',
background: '#f0eef6',
primary: primaryColor,
secondary: '#fff',
black: '#333',
white: '#ffffff',
black: '#333',
white: '#ffffff',
lightGrey: '#dadce0',
grey: '#777777',
lightGrey: '#dadce0',
grey: '#777777',
lightestBlue,
lightBlue,
blue: primaryColor,
darkBlue,
darkestBlue,
lightestBlue,
lightBlue,
blue: primaryColor,
darkBlue,
darkestBlue,
green: 'green',
green: 'green',
lightRed,
lightRed,
yellow: '#FF8A08',
yellow: '#FF8A08',
boxShadow: `0 0 1em 0 ${rgba('#aaa', 0.4)}`,
},
boxShadow: `0 0 1em 0 ${rgba('#aaa', 0.4)}`,
},
border,
media,
transition,
border,
media,
transition,
};

2
inertia/styles/transition.ts
View File

@@ -1,5 +1,5 @@
import { Theme } from '@emotion/react';
export const transition: Theme['transition'] = {
delay: '0.15s',
delay: '0.15s',
};