feat: created color variable for session text logo

This commit is contained in:
William Grant 2022-09-19 11:59:35 +10:00
parent 6ceb562914
commit 2262e7dc77
3 changed files with 8 additions and 2 deletions

View File

@ -254,7 +254,7 @@ $loading-height: 16px;
}
}
.session-text-logo {
filter: brightness(0) saturate(100%);
filter: var(--session-logo-text-current-filter);
}
}

View File

@ -165,7 +165,7 @@ $session-compose-margin: 20px;
.session-text-logo {
margin-top: 10px;
width: 250px;
filter: var(--filter-session-text);
transition: 0s;
filter: var(--session-logo-text-current-filter);
}
}

View File

@ -624,6 +624,12 @@ export const SessionGlobalStyles = createGlobalStyle`
--right-panel-item-background-hover-color: ${THEMES.CLASSIC_LIGHT.COLOR4};
--right-panel-item-text-color: var(--text-primary-color);
/* Session Text Logo */
/* Loads SVG as IMG and uses a filter to change color */
--session-logo-text-light-filter: brightness(0) saturate(100%);
--session-logo-text-dark-filter: none;
--session-logo-text-current-filter: var(--session-logo-text-light-filter);
};
`;