The values in _variable.scss represent colors using both "--name" for hexadecimal and "--rgb-name" for RGB colors.
To use a color, you can refer to it like this: var(--name) for hexadecimal or rgba(var(--rgb-name)) for RGBA.
The RGBA property allows you to adjust the color's alpha value, for example, rgba(var(--rgb-background-color), 0.1) will give you the same color with an alpha of 10/100. This provides a versatile palette of colors from the same base color.
Some redundant dark theme-specific properties were removed, as they now share the same color name for both themes.
The "Openchatrooms" title now uses the Piedra Font and has been centered.
TODO:
Font size and spacing should also be managed through variables for consistency and easy adjustments.
Eliminate the usage of tags within some code components, and instead, apply appropriate styles for spacing.
Adopt a consistent convention for class names and their child elements to maintain code clarity and organization.
Static value to dynamic value
The values in _variable.scss represent colors using both "--name" for hexadecimal and "--rgb-name" for RGB colors.
To use a color, you can refer to it like this: var(--name) for hexadecimal or rgba(var(--rgb-name)) for RGBA.
The RGBA property allows you to adjust the color's alpha value, for example, rgba(var(--rgb-background-color), 0.1) will give you the same color with an alpha of 10/100. This provides a versatile palette of colors from the same base color.
Some redundant dark theme-specific properties were removed, as they now share the same color name for both themes.
The "Openchatrooms" title now uses the Piedra Font and has been centered.
TODO:
Font size and spacing should also be managed through variables for consistency and easy adjustments.
Eliminate the usage of
tags within some code components, and instead, apply appropriate styles for spacing.
Adopt a consistent convention for class names and their child elements to maintain code clarity and organization.