From a5b0c37a9dda99595cfa9fd2e4f2bd20d49cfc47 Mon Sep 17 00:00:00 2001 From: nimishlakhotia <32578239+nimishlakhotia@users.noreply.github.com> Date: Sun, 2 Aug 2020 05:50:46 +0530 Subject: [PATCH] App Colors CSS Opacity Font Alignment etc etc --- src/app/app-colors.component.css | 78 +++++++++++++++++++++++++++++++- 1 file changed, 76 insertions(+), 2 deletions(-) diff --git a/src/app/app-colors.component.css b/src/app/app-colors.component.css index 67ea2c4..542486c 100644 --- a/src/app/app-colors.component.css +++ b/src/app/app-colors.component.css @@ -1,3 +1,57 @@ +:root{ + /*--weblue: #21409a;*/ + --b1: #D4E9E2; + --b2: #FAECDE; + --b3: #FBE9E5; + --b4: #D9E1E7; + --b5: #F1E4ED; + --b6: #DAEDF2; + + --d1: #05905F; + --d2: #FF9D63; + --d3: #E76D50; + --d4: #225882; + --d5: #D67BBB; + --d6: #2BA9CA; + +} + +@font-face { + font-family: colombo; + src: url("/assets/fonts/Colombo.otf") format("opentype"); +} + +@font-face { + font-family: poppins; + src: url("/assets/fonts/Poppins-Regular.ttf") format("truetype"); + +} + +@font-face { + font-family: poppins-bold; + src: url("/assets/fonts/Poppins-Bold.ttf") format("truetype"); + +} + +@font-face { + font-family: poppins-semibold; + src: url("/assets/fonts/Poppins-SemiBold.ttf") format("truetype"); + +} + +@font-face { + font-family: poppins-black; + src: url("/assets/fonts/Poppins-Black.ttf") format("truetype"); + +} + +@font-face { + font-family: poppins-medium; + src: url("/assets/fonts/Poppins-Medium.ttf") format("truetype"); + +} + + mat-sidenav-content.black{ background-color: black !important; } @@ -39,5 +93,25 @@ mat-sidenav.mat-default { } mat-sidenav.mat-core { - background: rgba(249, 249, 249, 0.8) !important; -} \ No newline at end of file + background: rgba(249, 249, 249, 0.2) !important; +} + +mat-sidenav.mat-infotech { + background: rgba(249, 249, 249, 0.2) !important; +} + +mat-sidenav.mat-consulting { + background: rgba(249, 249, 249, 0.2) !important; +} + +mat-sidenav.mat-entrepreneurship { + background: rgba(249, 249, 249, 0.2) !important; +} + +mat-sidenav.mat-finance { + background: rgba(249, 249, 249, 0.2) !important; +} + +mat-sidenav.mat-socdev { + background: rgba(249, 249, 249, 0.2) !important; +}