EmbeddedChat/packages/docs/src/css/custom.css at 37ce67a019972179aedc8d7b298bbb53396486d4 · RocketChat/EmbeddedChat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/**
 * Rocket.Chat Brand Identity Overrides
 */

:root {
  --ifm-color-primary: #F5455C;
  --ifm-color-primary-dark: #E03F54;
  --ifm-color-primary-darker: #D43A4F;
  --ifm-color-primary-darkest: #AF3041;
  --ifm-color-primary-light: #F76A7D;
  --ifm-color-primary-lighter: #F98F9D;
  --ifm-color-primary-lightest: #FBB4BD;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);

  /* Footer Variables */
  --ifm-footer-background-color: #000000 !important;
  --ifm-footer-color: #ffffff;
  --ifm-footer-link-color: #BCC3CD;
  --ifm-footer-link-hover-color: #ffffff;
}

[data-theme='dark'] {
  --ifm-color-primary: #F5455C;
  --ifm-color-primary-dark: #E03F54;
  --ifm-color-primary-darker: #D43A4F;
  --ifm-color-primary-darkest: #AF3041;
  --ifm-color-primary-light: #F76A7D;
  --ifm-color-primary-lighter: #F98F9D;
  --ifm-color-primary-lightest: #FBB4BD;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

/* Footer Enhancements */
.footer.footer--dark {
  background-color: #000000 !important;
  padding: 4rem 2rem 2rem;
}

.footer__title {
  color: #ffffff !important;
  font-weight: 700;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 1px;
}

.footer__link-item {
  color: var(--ifm-footer-link-color) !important;
  transition: all 0.2s ease-in-out;
  line-height: 2;
  font-size: 0.95rem;
}

.footer__link-item:hover {
  color: var(--ifm-footer-link-hover-color) !important;
  text-decoration: none;
}

.footer__copyright {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #2F343D;
  color: #9EA2A8;
  font-size: 0.85rem;
  text-align: left;
}

.footer__logo {
  margin-bottom: 1.5rem;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}

.footer__logo:hover {
  opacity: 1;
}

/* Responsive Grid Tweaks */
@media (max-width: 996px) {
  .footer__links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 480px) {
  .footer__links {
    grid-template-columns: 1fr;
  }
}