| Línea 1... |
Línea 1... |
| 1 |
// colors
|
1 |
$bg-color: var(--bg-color);
|
| - |
|
2 |
$bg-color-secondary: var(--bg-color-secondary);
|
| 2 |
$dark-blue: #01245d;
|
3 |
$body-bg-color: var(--body-bg-color);
|
| 3 |
$primary-green: #1eb89e;
|
4 |
$font-color: var(--font-color);
|
| 4 |
$light-font: #bebebe;
|
5 |
$font-color-hover: var(--font-color-hover);
|
| 5 |
$light-gray: #bebebe;
|
6 |
$title-color: var(--title-color);
|
| 6 |
$dark-white: #e7e7e7;
|
7 |
$subtitle-color: var(--subtitle-color);
|
| 7 |
$gray: #909090;
|
8 |
$icons-color: var(--icons-color);
|
| 8 |
$primary-lightblue: #0961bf;
|
9 |
$button-bg: var(--button-bg);
|
| 9 |
$primary-lightblue-hover: #1e5591;
|
10 |
$button-bg-hover: var(--button-bg-hover);
|
| 10 |
$yellow-highlight: #ecec0e;
|
11 |
$button-text-color: var(--button-text-color);
|
| 11 |
$yellow-darker: #decd00;
|
12 |
$button-bg-secondary: var(--button-bg-secondary);
|
| 12 |
$background-gray: #f5f5f7;
|
13 |
$button-bg-secondary-hover: var(--button-bg-secondary-hover);
|
| - |
|
14 |
$button-text-color-secondary: var(--button-text-color-secondary);
|
| 13 |
$danger: #e20808;
|
15 |
$button-bg-tertiary: var(--button-bg-tertiary);
|
| 14 |
$danger-hover: #a10707;
|
16 |
$button-text-color-tertiary: var(--button-text-color-tertiary);
|
| 15 |
$shadow-gray: rgb(0 0 0 / 5%);
|
17 |
$border-primary: var(--border-primary);
|
| 16 |
$online-green: #42b72a;
|
18 |
$border-trasnparent: var(--border-trasnparent);
|
| 17 |
$blue: #0860bf;
|
19 |
$chat-received: var(--chat-received);
|
| 18 |
$border-gray: #e8e8e8;
|
20 |
$chat-send: var(--chat-send);
|
| 19 |
$border-gray-primary: #b3b3b3;
|
21 |
$chat-color: var(--chat-color);
|
| - |
|
22 |
|
| Línea 20... |
Línea 23... |
| 20 |
|
23 |
|
| - |
|
24 |
// colors
|
| 21 |
$white: #ffffff;
|
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
|
| 22 |
$black: #000000;
|
30 |
$online-green: var(--online-green); // Color para indicar que un usuario se encuantra online
|
| Línea 23... |
Línea 31... |
| 23 |
$dark-blue-pr: #16283c;
|
31 |
$white: var(--white); // Color de fondo de las imagenes
|
| 24 |
|
32 |
|
| 25 |
// utils
|
33 |
// utils
|
| 26 |
$light-shadow: 0px 0px 11px 0px rgb(0 0 0 / 5%);
|
34 |
$border-radius: var(--border-radius); // Curvatura de los bordes
|
| 27 |
$white-backdrop: rgba(255, 255, 255, 0.4);
|
35 |
$white-backdrop: var(--white-backdrop); // Propiedades de sombreado secundario
|
| 28 |
$grayline-border: 1px solid #e5e5e5;
|
36 |
$light-shadow: var(--light-shadow); // Sombreado claro
|