autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: colors for directory with hubl colors

Browse Source
This commit is contained in:
gaelle morin
2020-06-15 10:15:19 +02:00
parent de2e61fdf1
commit 9a084d5cae
1 changed files with 54 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/styles/abstracts/_variables.scss
View File

@ -124,9 +124,62 @@
--color-directory-complementary: var(--color-complementary)!important;
--color-directory-complementary-darken: var(--color-complementary-darken)!important;
--color-directory-white: var(--color-white)!important;
--color-directory-black: var(--color-black)!important;
--color-directory-black: var(--color-black) !important;
--color-directory-h1: var(--color-directory-complementary-darken) !important;
--color-directory-text: var(--color-grey-5) !important;
--color-directory-avatar-background: var(--color-avatar-background) !important;
--color-directory-send-border: var(--color-directory-complementary) !important;
--color-directory-list-icon: var(--color-directory-primary) !important;
--color-directory-back-link: var(--color-grey-1) !important;
--color-directory-border: #DAE2F3 !important;
--color-directory-content-header-border: #DAE2F3 !important;
--color-directory-counter-background: #F0F3F6 !important;
--color-directory-counter-border: #9BA0A7 !important;
--color-directory-counter-text: var(--color-grey-3) !important;
--color-directory-paginate: var(--color-grey-1) !important;
--color-directory-paginate-disabled: #9BA0A7 !important;
--color-directory-form-input: #EDF1FA !important;
--color-directory-form-input-text: var(--color-directory-grey-4) !important;
--color-directory-form-input-active: var(--color-directory-complementary) !important;
--color-directory-form-select-icon: var(--color-directory-complementary) !important;
}
/* Colors for buttons to send a message to a member and to update or remove your profile picture */
#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered,
button#sib-picture-browse.button.button-primary,
button#sib-picture-remove.button.button-primary {
border: 1px solid var(--color-directory-complementary) !important;
}
#member-profile sib-action.button.button-primary>sib-link,
button#sib-picture-browse.button.button-primary,
button#sib-picture-remove.button.button-primary {
color: var(--color-directory-complementary) !important;
}
#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered>sib-link::before {
background-color: var(--color-directory-complementary);
}
/* Hover */
#member-profile sib-action.button.button-primary:hover,
#member-profile sib-action.button.button-primary:hover>sib-link,
button#sib-picture-browse.button.button-primary:hover,
button#sib-picture-remove.button.button-primary:hover {
color: var(--color-directory-white) !important;
background-color: var(--color-directory-complementary) !important;
}
#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered:hover>sib-link::before {
background-color: var(--color-directory-white);
}
/* Variables for event */
$color-212-4-50: hsl(212.7,4.3%,50%);
$color-0-0-22: hsl(0,0%,22.7%);