cloudflare-docs/src/styles/sidebar.css at b75a2603a6c73f49a5f92de2c88a349938e4871a · cloudflare/cloudflare-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
.sidebar-pane {
	scrollbar-gutter: stable;
}

.sidebar-content {
	gap: 2px;
	padding: 0rem 1.5rem 1.5rem 1.5rem;
}

/* ── Light theme ── */
:root[data-theme="light"] {
	--sl-color-bg-nav: var(--color-cl1-white);
	--sidebar-text: var(--color-cl1-gray-4);
	--sidebar-text-strong: var(--color-cl1-black);
	--sidebar-hover-bg: var(--color-cl1-gray-9);
	--sidebar-hover-text: var(--sidebar-text-strong);
	--sidebar-active-bg: var(--color-cl1-gray-9);
	--sidebar-active-text: var(--sidebar-text-strong);
	--sidebar-border: var(--color-cl1-gray-8);
	--sidebar-border-hover: var(--color-cl1-gray-7);
	--sl-color-sidebar-active: var(--color-cl1-black);
	--sl-color-sidebar-hover: var(--color-cl1-gray-9);
}

/* ── Dark theme ── */
:root[data-theme="dark"] {
	--sl-color-bg-nav: var(--sl-color-bg);
	--sl-color-bg-sidebar: var(--sl-color-bg);
	--sl-color-hairline-shade: var(--color-cl1-gray-2);
	--sidebar-text: var(--color-cl1-gray-7);
	--sidebar-text-strong: var(--color-cl1-white);
	--sidebar-hover-bg: var(--color-cl1-gray-2);
	--sidebar-hover-text: var(--sidebar-text-strong);
	--sidebar-active-bg: var(--color-cl1-gray-2);
	--sidebar-active-text: var(--sidebar-text-strong);
	--sidebar-border: var(--color-cl1-gray-2);
	--sidebar-border-hover: var(--color-cl1-gray-3);
	--sl-color-sidebar-active: var(--sidebar-text-strong);
	--sl-color-sidebar-hover: var(--color-cl1-gray-2);
}