frontend: update color variables to use ov-components for consistency

This commit is contained in:
Carlos Santos 2025-09-24 12:36:45 +02:00
parent 6734226767
commit f73c1c34bc
2 changed files with 7 additions and 11 deletions

View File

@ -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;

View File

@ -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;