neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss
View File

@ -6,7 +6,7 @@
text-align: center; text-align: center;
font-size: var(--ov-meet-font-size-sm); font-size: var(--ov-meet-font-size-sm);
font-weight: var(--ov-meet-font-weight-light); 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); margin-bottom: var(--ov-meet-spacing-sm);
&.sm { &.sm {
@ -36,10 +36,10 @@
} }
} }
.meeting-url-badge-subtitle{ .meeting-url-badge-subtitle {
text-align: center; text-align: center;
font-size: var(--ov-meet-font-size-md); 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); margin: var(--ov-meet-spacing-sm);
} }
.meeting-url-badge-container { .meeting-url-badge-container {
@ -47,22 +47,18 @@
@include ov-theme-transition; @include ov-theme-transition;
gap: var(--ov-meet-spacing-sm); gap: var(--ov-meet-spacing-sm);
padding: var(--ov-meet-spacing-sm) var(--ov-meet-spacing-md); 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); 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); border-radius: var(--ov-meet-radius-lg);
max-width: fit-content; max-width: fit-content;
margin: auto; margin: auto;
cursor: pointer; cursor: pointer;
&:hover {
background-color: var(--ov-meet-surface-hover);
border-color: var(--ov-meet-border-color);
}
.meeting-url-text { .meeting-url-text {
font-family: var(--ov-meet-font-family-mono, 'Roboto Mono', monospace); font-family: var(--ov-meet-font-family-mono, 'Roboto Mono', monospace);
font-size: var(--ov-meet-font-size-sm); 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); font-weight: var(--ov-meet-font-weight-medium);
letter-spacing: 0.025em; letter-spacing: 0.025em;
user-select: none; user-select: none;

2
frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
View File

@ -245,7 +245,7 @@
} }
.main-share-meeting-link-container { .main-share-meeting-link-container {
background-color: var(--ov-meet-surface-color); background-color: var(--ov-surface-color); // Use ov-components variable
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;