frontend: update color variables to use ov-components for consistency
This commit is contained in:
parent
6734226767
commit
f73c1c34bc
@ -6,7 +6,7 @@
|
||||
text-align: center;
|
||||
font-size: var(--ov-meet-font-size-sm);
|
||||
font-weight: var(--ov-meet-font-weight-light);
|
||||
color: var(--ov-meet-text-on-surface);
|
||||
color: var(--ov-text-surface-color); // Use ov-components variable
|
||||
margin-bottom: var(--ov-meet-spacing-sm);
|
||||
|
||||
&.sm {
|
||||
@ -36,10 +36,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.meeting-url-badge-subtitle{
|
||||
.meeting-url-badge-subtitle {
|
||||
text-align: center;
|
||||
font-size: var(--ov-meet-font-size-md);
|
||||
color: var(--ov-meet-text-on-surface);
|
||||
color: var(--ov-text-surface-color); // Use ov-components variable
|
||||
margin: var(--ov-meet-spacing-sm);
|
||||
}
|
||||
.meeting-url-badge-container {
|
||||
@ -47,22 +47,18 @@
|
||||
@include ov-theme-transition;
|
||||
gap: var(--ov-meet-spacing-sm);
|
||||
padding: var(--ov-meet-spacing-sm) var(--ov-meet-spacing-md);
|
||||
background-color: var(--ov-meet-surface-color);
|
||||
background-color: var(--ov-surface-color); // Use ov-components variable
|
||||
border: 1px solid var(--ov-meet-border-color-light);
|
||||
color: var(--ov-text-surface-color); // Use ov-components variable
|
||||
border-radius: var(--ov-meet-radius-lg);
|
||||
max-width: fit-content;
|
||||
margin: auto;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--ov-meet-surface-hover);
|
||||
border-color: var(--ov-meet-border-color);
|
||||
}
|
||||
|
||||
.meeting-url-text {
|
||||
font-family: var(--ov-meet-font-family-mono, 'Roboto Mono', monospace);
|
||||
font-size: var(--ov-meet-font-size-sm);
|
||||
color: var(--ov-meet-text-on-surface);
|
||||
color: var(--ov-text-surface-color); // Use ov-components variable
|
||||
font-weight: var(--ov-meet-font-weight-medium);
|
||||
letter-spacing: 0.025em;
|
||||
user-select: none;
|
||||
|
||||
@ -245,7 +245,7 @@
|
||||
}
|
||||
|
||||
.main-share-meeting-link-container {
|
||||
background-color: var(--ov-meet-surface-color);
|
||||
background-color: var(--ov-surface-color); // Use ov-components variable
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user