synolo-ui/src/assets/styles/main.css

76 lines
1.5 KiB
CSS

@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Regular.ttf');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Italic.ttf');
font-style: italic;
font-weight: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Light.ttf');
font-style: normal;
font-weight: lighter;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-LightItalic.ttf');
font-style: italic;
font-weight: lighter;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Bold.ttf');
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-BolcItalic.ttf');
font-style: italic;
font-weight: bold;
}
* {
padding: 0;
margin: 0;
border: 0;
font-family: 'Roboto';
font-size: 15px;
}
:root {
--primary-green-dark: #71A857;
--primary-green: #92D373;
--primary-light: #ABE191;
--primary-blue-dark: #517EA8;
--primary-blue: #76A9D8;
--primary-blue: #B0CFEC;
--grey-dark: #323940;
--grey: #848B90;
--grey-light: #AAB7C0;
--grey-lightest: #D5DBDF;
--white-washed: #EDEEEF;
--white-normal: #FFFFFF;
--error: #D96161;
--error-light: #FB9F9F;
--warn: #D9A133;
--warn-light: #F2DDB3;
--success: #60B552;
--success-light: #BCE2B6;
--info: #608FBA;
--info-light: #ABC8E3;
}