feat: created color variable for session text logo
This commit is contained in:
parent
6ceb562914
commit
2262e7dc77
|
@ -254,7 +254,7 @@ $loading-height: 16px;
|
|||
}
|
||||
}
|
||||
.session-text-logo {
|
||||
filter: brightness(0) saturate(100%);
|
||||
filter: var(--session-logo-text-current-filter);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
||||
};
|
||||
`;
|
||||
|
||||
|
|
Loading…
Reference in New Issue