Mise à jour graphique
This commit is contained in:
Rampeur
+72
-123
@@ -107,7 +107,36 @@ a.accent:hover {
|
||||
.font-monospace .fw-lighter {
|
||||
font-weight: 200 !important;
|
||||
}
|
||||
.dark-theme {
|
||||
|
||||
.banner {
|
||||
background-color: $white;
|
||||
margin: -1.5rem -1.5rem 1.5rem -1.5rem;
|
||||
.banner-content {
|
||||
padding: 1.3rem 1.1rem 1.1rem 1.1rem;
|
||||
}
|
||||
.user-img {
|
||||
width: $user-img-size;
|
||||
height: $user-img-size;
|
||||
border-radius: $user-img-size;
|
||||
}
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
p {
|
||||
margin: 0 auto .5rem;
|
||||
color: $muted;
|
||||
max-width: 450px;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
.dark-theme,
|
||||
.primary-theme {
|
||||
dl.dl-horizontal dt {
|
||||
color: $light;
|
||||
}
|
||||
}
|
||||
.primary-theme {
|
||||
app-full-layout {
|
||||
/*--mat-sidenav-content-background-color: $sidenav-content;*/
|
||||
.mat-drawer-content {
|
||||
@@ -122,9 +151,9 @@ a.accent:hover {
|
||||
background-color: color.scale($sidebar, $lightness: 8%);
|
||||
}
|
||||
}
|
||||
}
|
||||
dl.dl-horizontal dt {
|
||||
color: $light;
|
||||
.banner {
|
||||
background-color: color.scale($sidebar, $lightness: 90%);
|
||||
}
|
||||
}
|
||||
}
|
||||
app-full-layout {
|
||||
@@ -152,6 +181,11 @@ app-full-layout {
|
||||
.mat-mdc-table {
|
||||
background-color: initial;
|
||||
}
|
||||
[class^="text-bg-"], [class*=" text-bg-"]{
|
||||
.mat-mdc-card-subtitle {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mat-icon.mini {
|
||||
--mat-menu-item-icon-size: 22px;
|
||||
@@ -205,10 +239,16 @@ dl.dl-horizontal {
|
||||
margin-left: 140px;
|
||||
/* color: $extra-light; */
|
||||
}
|
||||
.dl-large dt {
|
||||
&.dl-large dt {
|
||||
width: 160px;
|
||||
}
|
||||
&.dl-large dd {
|
||||
margin-left: 180px;
|
||||
}
|
||||
&.dl-xlarge dt {
|
||||
width: 200px;
|
||||
}
|
||||
.dl-large dd {
|
||||
&.dl-xlarge dd {
|
||||
margin-left: 220px;
|
||||
}
|
||||
}
|
||||
@@ -216,130 +256,13 @@ dl.dl-horizontal {
|
||||
/**********************
|
||||
* Extra Text Colors *
|
||||
**********************/
|
||||
.text-primary {
|
||||
color: $primary;
|
||||
}
|
||||
.text-accent {
|
||||
color: $accent;
|
||||
}
|
||||
.text-warn {
|
||||
color: $warn;
|
||||
}
|
||||
.text-white {
|
||||
color: $white !important;
|
||||
}
|
||||
.text-red {
|
||||
color: $red !important;
|
||||
}
|
||||
.text-red-dark {
|
||||
color: $red-dark !important;
|
||||
}
|
||||
.text-green {
|
||||
color: $green !important;
|
||||
}
|
||||
.text-blue {
|
||||
color: $blue !important;
|
||||
}
|
||||
.text-grey {
|
||||
color: $grey !important;
|
||||
}
|
||||
.text-muted {
|
||||
color: $muted !important;
|
||||
}
|
||||
.text-extra-muted {
|
||||
color: $extra-muted !important;
|
||||
}
|
||||
.text-empty {
|
||||
color: $empty !important;
|
||||
}
|
||||
.text-error {
|
||||
color: $error !important;
|
||||
}
|
||||
.text-light-danger {
|
||||
color: $light-danger !important;
|
||||
}
|
||||
.text-light-success {
|
||||
color: $light-success !important;
|
||||
}
|
||||
.text-light-warning {
|
||||
color: $light-warning !important;
|
||||
}
|
||||
.text-light-primary {
|
||||
color: $light-primary !important;
|
||||
}
|
||||
.text-light-info {
|
||||
color: $light-info !important;
|
||||
}
|
||||
.text-light-inverse {
|
||||
color: $light-inverse !important;
|
||||
}
|
||||
.text-light-megna {
|
||||
color: $light-megna !important;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* Extra Background Colors *
|
||||
****************************/
|
||||
.bg-primary {
|
||||
background-color: $headingtext !important; /* $primary */
|
||||
}
|
||||
.bg-accent {
|
||||
background-color: $accent !important;
|
||||
}
|
||||
.bg-warn {
|
||||
background-color: $warn !important;
|
||||
}
|
||||
.bg-white {
|
||||
background-color: $white !important;
|
||||
}
|
||||
.bg-red {
|
||||
background-color: $red !important;
|
||||
}
|
||||
.bg-red-dark {
|
||||
background-color: $red-dark !important;
|
||||
}
|
||||
.bg-green {
|
||||
background-color: $green !important;
|
||||
}
|
||||
.bg-blue {
|
||||
background-color: $blue !important;
|
||||
}
|
||||
.bg-grey {
|
||||
background-color: $grey !important;
|
||||
}
|
||||
.bg-muted {
|
||||
background-color: $muted !important;
|
||||
}
|
||||
.bg-extra-muted {
|
||||
background-color: $extra-muted !important;
|
||||
}
|
||||
.bg-empty {
|
||||
background-color: $empty !important;
|
||||
}
|
||||
.bg-error {
|
||||
background-color: $error !important;
|
||||
}
|
||||
.bg-light-danger {
|
||||
background-color: $light-danger !important;
|
||||
}
|
||||
.bg-light-success {
|
||||
background-color: $light-success !important;
|
||||
}
|
||||
.bg-light-warning {
|
||||
background-color: $light-warning !important;
|
||||
}
|
||||
.bg-light-primary {
|
||||
background-color: $light-primary !important;
|
||||
}
|
||||
.bg-light-info {
|
||||
background-color: $light-info !important;
|
||||
}
|
||||
.bg-light-inverse {
|
||||
background-color: $light-inverse !important;
|
||||
}
|
||||
.bg-light-megna {
|
||||
background-color: $light-megna !important;
|
||||
}
|
||||
.bg-crystal,
|
||||
.bg-crystal .mdc-text-field--filled:not(.mdc-text-field--disabled) {
|
||||
background-color: transparent !important;
|
||||
@@ -347,3 +270,29 @@ dl.dl-horizontal {
|
||||
.bg-dark-transparent {
|
||||
background-color: $dark-transparent !important;
|
||||
}
|
||||
|
||||
/*****************************
|
||||
* Icon Sizes *
|
||||
*****************************/
|
||||
mat-icon {
|
||||
&.icon-xxsmall {
|
||||
font-size: 12px;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
&.icon-xsmall {
|
||||
font-size: 16px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
&.icon-small {
|
||||
font-size: 18px;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
&.icon-medium {
|
||||
font-size: 20px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user