openvidu/openvidu-components-angular/src/styles.scss

@use '@angular/material' as mat;

@include mat.core();

// Define the theme
$openvidu-theme: mat.define-theme();

html {
	// Emit theme-dependent styles for common features used across multiple components.
	@include mat.core-theme($openvidu-theme);
	// @include mat.button-theme($theme);
	@include mat.all-component-bases($openvidu-theme);
	@include mat.all-component-colors($openvidu-theme);
	@include mat.all-component-typographies($openvidu-theme);
	@include mat.all-component-densities($openvidu-theme);
}

html,
body {
	height: 100%;
	overflow: hidden;
}
body {
	margin: 0;
	font-family: 'Roboto', 'RobotoDraft', Helvetica, Arial, sans-serif;
}

// Custom openvidu-components styles
:root {
	--ov-primary-color: #303030;
	--ov-secondary-color: #3e3f3f;
	--ov-tertiary-color: #598eff;
	--ov-warn-color: #eb5144;
	--ov-accent-color: #ffae35;
	--ov-light-color: #e6e6e6;

	--ov-logo-background-color: #3a3d3d;
	--ov-text-color: #ffffff;

	--ov-panel-text-color: #1d1d1d;
	--ov-panel-background: #ffffff;

	--ov-buttons-radius: 50%;
	--ov-leave-button-radius: 10px;
	--ov-video-radius: 5px;
	--ov-panel-radius: 5px;
}