api-docs/style.css at main · wegift/api-docs · 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
html {
  /* Force scrollbar to always appear to prevent content jumps */
  overflow-y: scroll;
}

#navbar {
  background: black !important;
  color-scheme: dark;
  color: white !important;
}

#navbar-transition {
  background: black !important;
}

#navbar .text-gray-800,
#navbar .text-gray-600,
#navbar .text-gray-700 {
  color: white !important;
}

.nav-logo.hidden {
  display: block !important;
}

.nav-logo.block {
  display: none !important;
}

#search-bar-entry {
  background: black !important;
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.9);
}

#assistant-entry {
  background: white;
}

#assistant-entry .text-gray-700,
#assistant-entry .text-gray-500 {
  color: black !important;
}

#chat-assistant-sheet {
  border-left: 1px solid #e5e7eb;
}

/* Override the default height of the active tab indicator, too thin when we have a black header on white page */
.nav-tabs [class*="h-[1.5px]"] {
  height: 3px !important;
}

/* Add gradient to header button */
#navbar a[href="https://app.runa.io"] .bg-primary-dark
{
  background: linear-gradient(20deg, #00ffa3, #93ff82, #eefc51) border-box;
}
#navbar a[href="https://app.runa.io"] .text-white, #navbar a[href="https://app.runa.io"] svg
{
  color: black;
}

/* Make page sidebar navigation links show in a higher contrast colour in light mode */
#navigation-items .text-primary {
  /* Force text to be black */
  color: black;
}
#navigation-items .dark\:text-primary-light:is(.dark *) {
  /* Restore colour on dark mode, default is fine */
  color: rgb(var(--primary-light) / var(--tw-text-opacity));
}
#navigation-items .bg-primary {
  /* The icon also needs to be black */
  background-color: black;
}
#navigation-items .dark\:bg-primary-light:is(.dark *) {
  /* Restore icon colour on dark mode, default is fine */
  background-color: rgb(var(--primary-light) / var(--tw-bg-opacity));
}
#navigation-items .bg-primary\/10 {
  /* The icon also needs to be black */
  background-color: rgb(var(--primary) / 0.2);
}
#navigation-items .dark\:bg-primary-light\/10:is(.dark *) {
  background-color: rgb(var(--primary-light) / 0.2);
}