mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-10 15:35:35 +00:00
46 lines
760 B
TypeScript
46 lines
760 B
TypeScript
import { Theme } from '@emotion/react';
|
|
import { rgba } from '~/lib/color';
|
|
import { border } from '~/styles/border';
|
|
import {
|
|
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',
|
|
|
|
black: '#333333',
|
|
white: '#ffffff',
|
|
|
|
lightGrey: '#323a47',
|
|
grey: '#aaaaaa',
|
|
|
|
lightestBlue,
|
|
lightBlue,
|
|
blue: '#4fadfc',
|
|
darkBlue,
|
|
darkestBlue,
|
|
|
|
green: '#09b909',
|
|
|
|
lightRed,
|
|
|
|
yellow: '#ffc107',
|
|
|
|
boxShadow: `0 0 1em 0 ${rgba('#111', 0.4)}`,
|
|
},
|
|
|
|
border,
|
|
media,
|
|
transition,
|
|
};
|