Skip to content

Commit ed7ff67

Browse files
slackapi[bot]slackapi[bot]
committed
Update config files
1 parent de734ef commit ed7ff67

File tree

3 files changed

+177
-137
lines changed

3 files changed

+177
-137
lines changed

‎docs/footerConfig.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,4 +16,4 @@ const footer = {
1616
],
1717
};
1818

19-
module.exports = footer;
19+
module.exports = footer;

‎docs/navbarConfig.js‎

Lines changed: 86 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -1,88 +1,89 @@
11
const navbar = {
2-
title: 'Slack Developer Tools',
3-
logo: {
4-
src: 'img/slack-logo.svg',
5-
},
6-
items: [
7-
{
8-
type: 'dropdown',
9-
label: 'Bolt',
10-
position: 'left',
11-
items: [
12-
{
13-
label: 'Java',
14-
to: 'https://tools.slack.dev/java-slack-sdk/guides/bolt-basics',
15-
target: '_self',
16-
},
17-
{
18-
label: 'JavaScript',
19-
to: 'https://tools.slack.dev/bolt-js',
20-
target: '_self',
21-
},
22-
{
23-
label: 'Python',
24-
to: 'https://tools.slack.dev/bolt-python',
25-
target: '_self',
26-
},
27-
],
28-
},
29-
{
30-
type: 'dropdown',
31-
label: 'SDKs',
32-
position: 'left',
33-
items: [
34-
{
35-
label: 'Java Slack SDK',
36-
to: 'https://tools.slack.dev/java-slack-sdk/',
37-
target: '_self',
38-
},
39-
{
40-
label: 'Node Slack SDK',
41-
to: 'https://tools.slack.dev/node-slack-sdk/',
42-
target: '_self',
43-
},
44-
{
45-
label: 'Python Slack SDK',
46-
to: 'https://tools.slack.dev/python-slack-sdk/',
47-
target: '_self',
48-
},
49-
{
50-
label: 'Deno Slack SDK',
51-
to: 'https://api.slack.com/automation/quickstart',
52-
target: '_self',
53-
},
54-
],
55-
},
56-
{
57-
type: 'dropdown',
58-
label: 'Community',
59-
position: 'left',
60-
items: [
61-
{
62-
label: 'Community tools',
63-
to: 'https://tools.slack.dev/community-tools',
64-
target: '_self',
65-
},
66-
{
67-
label: 'Slack Community',
68-
to: 'https://slackcommunity.com/',
69-
target: '_self',
70-
},
71-
],
72-
},
73-
{
74-
to: 'https://api.slack.com/docs',
75-
label: 'API Docs',
76-
target: '_self',
77-
},
78-
{
79-
'aria-label': 'GitHub Repository',
80-
className: 'navbar-github-link',
81-
href: 'https://github.com/slackapi',
82-
position: 'right',
83-
target: '_self',
84-
},
85-
],
2+
title: "Slack Developer Tools",
3+
logo: {
4+
src: "img/slack-logo.svg",
5+
href: 'https://tools.slack.dev',
6+
},
7+
items: [
8+
{
9+
type: "dropdown",
10+
label: "Bolt",
11+
position: "left",
12+
items: [
13+
{
14+
label: "Java",
15+
to: "https://tools.slack.dev/java-slack-sdk/guides/bolt-basics",
16+
target: "_self",
17+
},
18+
{
19+
label: "JavaScript",
20+
to: "https://tools.slack.dev/bolt-js",
21+
target: "_self",
22+
},
23+
{
24+
label: "Python",
25+
to: "https://tools.slack.dev/bolt-python",
26+
target: "_self",
27+
},
28+
],
29+
},
30+
{
31+
type: "dropdown",
32+
label: "SDKs",
33+
position: "left",
34+
items: [
35+
{
36+
label: "Java Slack SDK",
37+
to: "https://tools.slack.dev/java-slack-sdk/",
38+
target: "_self",
39+
},
40+
{
41+
label: "Node Slack SDK",
42+
to: "https://tools.slack.dev/node-slack-sdk/",
43+
target: "_self",
44+
},
45+
{
46+
label: "Python Slack SDK",
47+
to: "https://tools.slack.dev/python-slack-sdk/",
48+
target: "_self",
49+
},
50+
{
51+
label: "Deno Slack SDK",
52+
to: "https://api.slack.com/automation/quickstart",
53+
target: "_self",
54+
},
55+
],
56+
},
57+
{
58+
type: "dropdown",
59+
label: "Community",
60+
position: "left",
61+
items: [
62+
{
63+
label: "Community tools",
64+
to: "https://tools.slack.dev/community-tools",
65+
target: "_self",
66+
},
67+
{
68+
label: "Slack Community",
69+
to: "https://slackcommunity.com/",
70+
target: "_self",
71+
},
72+
],
73+
},
74+
{
75+
to: "https://api.slack.com/docs",
76+
label: "API Docs",
77+
target: "_self",
78+
},
79+
{
80+
"aria-label": "GitHub Repository",
81+
className: "navbar-github-link",
82+
href: "https://github.com/slackapi",
83+
position: "right",
84+
target: "_self",
85+
},
86+
],
8687
};
8788

88-
module.exports = navbar;
89+
module.exports = navbar;

‎docs/src/css/custom.css‎

Lines changed: 90 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,77 @@
1-
/**
2-
* Any CSS included here will be global. The classic template
3-
* bundles Infima by default. Infima is a CSS framework designed to
4-
* work well for content-centric websites.
5-
*/
6-
71
:root {
82
/* set hex colors here pls */
93
--aubergine: #4a154b;
10-
114
/* aubergine-active is used in light mode.
125
use something like #853c8c if you use as a link vs black text ( 3:1 contr) */
136
--aubergine-active: #7c3085;
14-
15-
/* aubergine-light is used in dark mode. #b681b5 is another one. i just made both up */
16-
--aubergine-light: #ce70cc;
17-
187
/* horchata is that beige color we use a lot */
198
--horchata: #f4ede4;
20-
21-
/* slack-blue is 36C5F0. used for dark-mode links */
22-
--slack-link: #36c5f0;
23-
--slack-blue: #36c5f0;
9+
/* cloud blue from slack.dev. used for dark-mode links */
10+
--slack-cloud-blue: #1ab9ff;
2411
/* slack marketing color for links 1264A3. used for light-mode links */
2512
--slack-dark-blue: #1264a3;
26-
27-
--grey: #868686;
28-
--white: #FFFFFF;
13+
--dim: #eef2f6;
2914
}
3015

3116
/* resets striped tables that hurt me eyes */
3217
table tr:nth-child(even) {
3318
background-color: inherit;
3419
}
3520

36-
p a {
37-
text-decoration: underline;
38-
color: var(--slack-link);
21+
/* changing the links to blue for accessibility */
22+
p a, .markdown a {
23+
color: var(--slack-cloud-blue);
3924
}
4025

41-
.markdown a {
42-
color: var(--slack-link);
43-
text-decoration: underline;
26+
a:hover {
27+
color: var(--slack-cloud-blue);
4428
}
4529

4630
/* adjusting for light and dark modes */
4731
[data-theme="light"] {
32+
--docusaurus-highlighted-code-line-bg: var(--dim);
33+
--slack-cloud-blue: var(--slack-dark-blue);
4834
--ifm-color-primary: var(--aubergine-active);
4935
--ifm-footer-background-color: var(--horchata);
50-
--slack-link: var(--slack-dark-blue);
36+
--ifm-footer-color: black;
37+
--ifm-table-stripe-background: var(--horchata);
38+
footer a {
39+
color: black;
40+
}
5141
}
5242

5343
[data-theme="dark"] {
54-
--ifm-color-primary: var(--aubergine-light);
44+
--docusaurus-highlighted-code-line-bg: rgb(0 0 0 / 30%);
45+
--ifm-color-primary: var(--slack-cloud-blue);
5546
--ifm-navbar-background-color: var(--aubergine);
56-
--ifm-footer-background-color: var(--aubergine);
57-
--slack-link: var(--slack-blue);
47+
--ifm-footer-background-color: var(--aubergine) !important;
48+
footer a {
49+
color: white;
50+
}
5851
}
5952

60-
html[data-theme="dark"] {
61-
--docusaurus-highlighted-code-line-bg: rgb(0 0 0 / 30%);
53+
/* bolding ToC for contrast */
54+
.table-of-contents__link--active {
55+
font-weight: bold;
6256
}
6357

64-
/* bolding Toc for contrast */
65-
.table-of-contents__link--active {
58+
/* removing ToC line */
59+
.table-of-contents__left-border {
60+
border-left: none !important;
61+
}
62+
63+
/* increasing name of SDK in sidebar */
64+
.sidebar-title {
65+
font-size: 1.25em; /* Adjust the size as needed */
6666
font-weight: bold;
67+
color: #000;
6768
}
6869

69-
/* only uncomment for home page -- colors white space on v tall screens */
70-
/* .main-wrapper {
71-
background: var(--horchata);
72-
} */
70+
/* removing sidebar line and adding space to match ToC */
71+
.theme-doc-sidebar-container {
72+
border-right: none !important;
73+
margin-right: 2rem;
74+
}
7375

7476
/* announcement bar up top */
7577
div[class^="announcementBar_"] {
@@ -78,17 +80,7 @@ div[class^="announcementBar_"] {
7880
background: var(--horchata);
7981
}
8082

81-
/* navbar */
82-
83-
.sidebar-item-overview a {
84-
font-size: 1.2em; /* Adjust size as needed */
85-
font-weight: bold;
86-
}
87-
88-
html[data-theme='light'] .sidebar-item-overview a {
89-
--ifm-menu-color: #000;
90-
}
91-
83+
/* navbar github link */
9284
.navbar-github-link {
9385
width: 32px;
9486
height: 32px;
@@ -116,8 +108,55 @@ html[data-theme="dark"] .navbar-github-link::before {
116108
no-repeat;
117109
}
118110

119-
.sidebar-title {
120-
font-size: 1.25em; /* Adjust the size as needed */
121-
font-weight: bold;
122-
color: #000;
111+
/* Delineate tab blocks */
112+
.tabs-container {
113+
border: 1px solid var(--ifm-color-primary); /* Adjust the color and thickness as needed */
114+
border-radius: 5px; /* To give rounded corners */
115+
padding: 0.5em; /* To add spacing inside the tab */
116+
}
117+
118+
/* Docs code bubbles */
119+
[data-theme="light"] {
120+
--code-link-background: #CFE9FE;
121+
--code-link-text: rgb(21, 50, 59);
122+
123+
--method-link-background: #CDEFC4;
124+
--method-link-text: rgb(0, 41, 0);
125+
126+
--scope-link-background: #FBF3E0;
127+
--scope-link-text: rgb(63, 46, 0);
128+
129+
--event-link-background: #FDDDE3;
130+
--event-link-text: rgb(74, 21, 75);
131+
}
132+
133+
[data-theme="dark"] {
134+
--code-link-text: white;
135+
--method-link-text: white;
136+
--scope-link-text: white;
137+
--event-link-text: white;
138+
--code-link-background: #1AB9FF50;
139+
--method-link-background: #41B65850;
140+
--scope-link-background: #FCC00350;
141+
--event-link-background: #E3066A50;
142+
}
143+
144+
a code {
145+
background-color: var(--code-link-background);
146+
color: var(--code-link-text);
147+
}
148+
149+
a[href^="https://api.slack.com/methods"] > code {
150+
background-color: var(--method-link-background);
151+
color: var(--method-link-text);
152+
}
153+
154+
a[href^="https://api.slack.com/scopes"] > code {
155+
background-color: var(--scope-link-background);
156+
color: var(--scope-link-text);
157+
}
158+
159+
a[href^="https://api.slack.com/events"] > code {
160+
background-color: var(--event-link-background);
161+
color: var(--event-link-text);
123162
}

0 commit comments

Comments
 (0)