crimson-quirks/crimson-quirks-ui
1
0
Fork 0
mirror of https://github.com/hazemKrimi/crimson-quirks-ui.git synced 2026-05-01 18:20:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update app theme

Browse Source
This commit is contained in:
Hazem Krimi
2021-04-07 23:18:36 +01:00
parent efbcad7597
commit 994e8234cd
2 changed files with 108 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
@types/styled.d.ts
Vendored
+40 -1
View File
@@ -1,5 +1,44 @@
import 'styled-components'; import 'styled-components';
declare module 'styled-components' { declare module 'styled-components' {
export interface DefaultTheme {} export interface DefaultTheme {
colors: {
black: {
main: string;
light: string;
};
white: {
main: string;
light: string;
};
success: {
main: string;
light: string;
};
error: {
main: string;
light: string;
};
warning: {
main: string;
light: string;
};
client: {
main: string;
light: string;
};
productOwner: {
main: string;
light: string;
};
developer: {
main: string;
light: string;
};
admin: {
main: string;
light: string;
};
};
}
} }
src/themes/index.ts
+68 -1
View File
@@ -1,3 +1,70 @@
import { DefaultTheme } from 'styled-components'; import { DefaultTheme } from 'styled-components';
export const theme: DefaultTheme = {}; export const theme: DefaultTheme = {
colors: {
black: {
main: '#000000',
light: '',
},
white: {
main: '#FFFFFF',
light: '',
},
success: {
main: '',
light: '',
},
error: {
main: '',
light: '',
},
warning: {
main: '',
light: '',
},
client: {
main: '#5F6CAD',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#5F6CAD,
#5F6CAD
)`,
},
productOwner: {
main: '#20063B',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#20063B,
#20063B
)`,
},
developer: {
main: '#ED7D3A',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#ED7D3A,
#ED7D3A
)`,
},
admin: {
main: '#A30015',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#A30015,
#A30015
)`,
},
},
};