| 6390 |
stevensc |
1 |
$bg-color: var(--bg-color);
|
|
|
2 |
$bg-color-secondary: var(--bg-color-secondary);
|
|
|
3 |
$body-bg-color: var(--body-bg-color);
|
|
|
4 |
$font-color: var(--font-color);
|
|
|
5 |
$font-color-hover: var(--font-color-hover);
|
|
|
6 |
$title-color: var(--title-color);
|
|
|
7 |
$subtitle-color: var(--subtitle-color);
|
|
|
8 |
$icons-color: var(--icons-color);
|
|
|
9 |
$button-bg: var(--button-bg);
|
|
|
10 |
$button-bg-hover: var(--button-bg-hover);
|
|
|
11 |
$button-text-color: var(--button-text-color);
|
|
|
12 |
$button-bg-secondary: var(--button-bg-secondary);
|
|
|
13 |
$button-bg-secondary-hover: var(--button-bg-secondary-hover);
|
|
|
14 |
$button-text-color-secondary: var(--button-text-color-secondary);
|
|
|
15 |
$button-bg-tertiary: var(--button-bg-tertiary);
|
|
|
16 |
$button-text-color-tertiary: var(--button-text-color-tertiary);
|
|
|
17 |
$border-primary: var(--border-primary);
|
|
|
18 |
$border-trasnparent: var(--border-trasnparent);
|
|
|
19 |
$chat-received: var(--chat-received);
|
|
|
20 |
$chat-send: var(--chat-send);
|
|
|
21 |
$chat-color: var(--chat-color);
|
|
|
22 |
|
|
|
23 |
|
| 1 |
www |
24 |
// colors
|
| 6390 |
stevensc |
25 |
$light-gray: var(--light-gray); // Color de fondo al seleccionar una conversacion
|
|
|
26 |
$gray: var(--gray); // Color de iconos del chat
|
|
|
27 |
$border-gray-primary: var(--border-gray-primary); // Borde secundario
|
|
|
28 |
$danger: var(--danger); // Color de las notificaciones de error
|
|
|
29 |
$danger-hover: var(--danger-hover); // Color de las notificaciones de error al pasar el cursor
|
|
|
30 |
$online-green: var(--online-green); // Color para indicar que un usuario se encuantra online
|
|
|
31 |
$white: var(--white); // Color de fondo de las imagenes
|
| 2883 |
stevensc |
32 |
|
| 1 |
www |
33 |
// utils
|
| 6390 |
stevensc |
34 |
$border-radius: var(--border-radius); // Curvatura de los bordes
|
|
|
35 |
$white-backdrop: var(--white-backdrop); // Propiedades de sombreado secundario
|
|
|
36 |
$light-shadow: var(--light-shadow); // Sombreado claro
|
|
|
37 |
$shadow: var(--shadow); // Sombreado oscuro
|