Skip to content

Commit 1e5b657

Browse files
kiptookiptoo
committed
dark Mode management,fixed responsiveness,fixed js console errors
1 parent 80f3841 commit 1e5b657

File tree

8 files changed

+139
-89
lines changed

8 files changed

+139
-89
lines changed

‎docusaurus.config.js‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,8 @@ const config = {
8888
// editUrl: "https://github.com/app-generator/docs-v2",
8989
// },
9090
theme: {
91-
customCss: require.resolve("./src/css/custom-1.css"),
91+
// customCss: require.resolve("./src/css/custom-1.css"),
92+
customCss: require.resolve("./src/css/custom_original.css"),
9293
},
9394
}),
9495
],
@@ -98,10 +99,10 @@ const config = {
9899
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
99100
({
100101
colorMode: {
101-
defaultMode: "dark",
102+
defaultMode: "light",
102103
disableSwitch: false,
103-
// respectPrefersColorScheme: false,
104-
respectPrefersColorScheme: true,
104+
respectPrefersColorScheme: false,
105+
// respectPrefersColorScheme: true,
105106
},
106107
announcementBar: {
107108
id: "welcome",
@@ -129,18 +130,18 @@ const config = {
129130
// src: "https://docs.dyte.io/logo/light.svg",
130131
// src: "/assets/logo-light.svg",
131132
// src: "/assets/logo1-light.svg",
132-
// src: "/assets/logo2-light.svg",
133+
src: "/assets/logo2-light.svg",
133134
// src: "/assets/logo3-light.svg",
134135
// src: "/assets/logo4-light.svg",
135136
// src: "/assets/logo5-light.svg",
136137
// srcDark: "/assets/logo-dark.svg",
137138
// srcDark: "/assets/logo1-dark.svg",
138-
// srcDark: "/assets/logo2-dark.svg",
139+
srcDark: "/assets/logo2-dark.svg",
139140
// srcDark: "/assets/logo3-dark.svg",
140141
// srcDark: "/assets/logo4-dark.svg",
141142
// srcDark: "/assets/logo2-dark.svg",
142143
// target: "/assets/logo5-dark.svg",
143-
src: "/assets/logo2-dark.svg",
144+
// src: "/assets/logo2-dark.svg",
144145
// width: 142,
145146
// height: 142,
146147
},

‎src/components/Navbartems/SwitcherItem.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ export default function SwitcherItem({ children, color }) {
1616
{buttons.map((props, idx) => (
1717
// <Feature key={idx} {...props} />
1818
<button
19+
key={idx}
1920
data-theme="indigo"
2021
onClick={
2122
{

‎src/components/SupportPricing/index.js‎

Lines changed: 38 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -8,46 +8,46 @@ export default function SupportPricing({ home }) {
88
return (
99
<StyleRoot>
1010
{/* Container for demo purpose */}
11-
<div class="container my-24 px-6 mx-auto">
11+
<div className="container px-6 mx-auto">
1212
{/* Section: Design Block */}
13-
<section class="mb-32 text-gray-800">
14-
<h2 class="text-3xl font-bold text-center mb-6">Support</h2>
13+
<section className="text-gray-800 dark:text-white">
14+
<h2 className="text-3xl md:text-4xl font-bold text-center mb-6">Support</h2>
1515

16-
<p class="text-center mb-12 text-gray-500">⚙️ Two tiers Support.</p>
16+
<p className="text-center mb-12 text-gray-500 dark:text-white">⚙️ Two tiers Support.</p>
1717

18-
<div className={home == "true" ? "grid gap-4 grid-cols-4" : "grid gap-4 grid-cols-2"}>
19-
<div className={home == "true" ? "mb-6 lg:mb-0 col-start-2" : "mb-6 lg:mb-0 "}>
20-
<div class="block rounded-lg shadow-lg bg-white h-full">
21-
<div class="p-6 border-b border-gray-300 text-center">
22-
<p class="uppercase mb-4 text-sm">
18+
<div className={home == "true" ? "grid md:gap-2 md:grid-cols-2" : "grid gap-4 md:grid-cols-2"}>
19+
<div className={home == "true" ? "mb-6 lg:mb-0 md:w-3/5 md:ml-28" : "mb-6 lg:mb-0 "}>
20+
<div className="block rounded-lg shadow-2xl bg-white dark:bg-slate-800 h-full">
21+
<div className="p-6 border-b border-gray-300 dark:border-white text-center">
22+
<p className="uppercase mb-4 text-sm">
2323
<strong>Free</strong>
2424
</p>
25-
<h3 class="text-2xl mb-6">
25+
<h3 className="text-2xl mb-6">
2626
<strong>$ 0</strong>
2727
</h3>
2828

2929
<div className="py-4 px-12">
3030
<Link
31-
className="inline-block px-6 py-2.5 bg-slate-900 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-pink-700 hover:shadow-lg focus:bg-pink-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out w-full no-underline hover:no-underline "
31+
className="inline-block px-6 py-2.5 bg-slate-900 dark:bg-white text-white dark:text-slate-900 font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-pink-700 hover:shadow-lg focus:bg-pink-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out w-full no-underline hover:no-underline "
3232
to="/introduction"
3333
>
3434
Buy
3535
</Link>
3636
</div>
3737
</div>
38-
<div class="p-6">
39-
<ol class="list-inside">
40-
<li class="mb-4 flex items-center">
41-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
38+
<div className="p-6">
39+
<ol className="list-inside">
40+
<li className="mb-4 flex items-center">
41+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
4242
<path
4343
fill="currentColor"
4444
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
4545
></path>
4646
</svg>
4747
monday-friday ,10-18 EET
4848
</li>
49-
<li class="mb-4 flex items-center">
50-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
49+
<li className="mb-4 flex items-center">
50+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
5151
<path
5252
fill="currentColor"
5353
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -60,75 +60,75 @@ export default function SupportPricing({ home }) {
6060
</div>
6161
</div>
6262

63-
<div class="mb-6 lg:mb-0">
64-
<div class="block rounded-lg shadow-lg bg-white h-full">
65-
<div class="p-6 border-b border-gray-300 text-center">
66-
<p class="uppercase mb-4 text-sm">
63+
<div className="mb-6 lg:mb-0 md:w-3/5 md:ml-28">
64+
<div className="block rounded-lg shadow-2xl bg-white dark:bg-slate-800 h-full">
65+
<div className="p-6 border-b border-gray-300 text-center">
66+
<p className="uppercase mb-4 text-sm">
6767
<strong>PRO</strong>
6868
</p>
69-
<h3 class="text-2xl mb-6">
69+
<h3 className="text-2xl mb-6">
7070
<strong>$ 49</strong>
71-
<small class="text-gray-500 text-sm">/year</small>
71+
<small className="text-gray-500 text-sm">/year</small>
7272
</h3>
7373

7474
<div className="py-4 px-4 ">
7575
<Link
76-
className="inline-block px-6 py-2.5 bg-slate-900 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-pink-700 hover:shadow-lg focus:bg-pink-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out w-full no-underline hover:no-underline "
76+
className="inline-block px-6 py-2.5 bg-slate-900 dark:bg-white text-white dark:text-slate-900 font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-pink-700 hover:shadow-lg focus:bg-pink-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out w-full no-underline hover:no-underline "
7777
to="/introduction"
7878
>
7979
Buy
8080
</Link>
8181
</div>
8282
</div>
83-
<div class="p-6">
84-
<ol class="list-inside">
85-
<li class="mb-4 flex items-center">
86-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
83+
<div className="p-6">
84+
<ol className="list-inside">
85+
<li className="mb-4 flex items-center">
86+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
8787
<path
8888
fill="currentColor"
8989
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
9090
></path>
9191
</svg>
9292
24/7 fast support 🚀
9393
</li>
94-
<li class="mb-4 flex items-center">
95-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
94+
<li className="mb-4 flex items-center">
95+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
9696
<path
9797
fill="currentColor"
9898
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
9999
></path>
100100
</svg>
101101
PRO accounts ONLY
102102
</li>
103-
<li class="mb-4 flex items-center">
104-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
103+
<li className="mb-4 flex items-center">
104+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
105105
<path
106106
fill="currentColor"
107107
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
108108
></path>
109109
</svg>
110110
40%OFF applicable to all products & licenses
111111
</li>
112-
<li class="mb-4 flex items-center">
113-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
112+
<li className="mb-4 flex items-center">
113+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
114114
<path
115115
fill="currentColor"
116116
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
117117
></path>
118118
</svg>
119119
40%OFF applicable to all products & licenses
120120
</li>
121-
<li class="mb-4 flex items-center">
122-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
121+
<li className="mb-4 flex items-center">
122+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
123123
<path
124124
fill="currentColor"
125125
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
126126
></path>
127127
</svg>
128128
24/7 fast support via Email and Discord
129129
</li>
130-
<li class="mb-4 flex items-center">
131-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
130+
<li className="mb-4 flex items-center">
131+
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" className="text-green-600 w-4 h-4 mr-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
132132
<path
133133
fill="currentColor"
134134
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"

‎src/css/custom_original.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
* bundles Infima by default. Infima is a CSS framework designed to
44
* work well for content-centric websites.
55
*/
6-
6+
@tailwind base;
7+
@tailwind components;
8+
@tailwind utilities;
79
/* Fonts */
810

911
@font-face {
@@ -71,6 +73,7 @@ code {
7173
--ifm-color-primary-lighter: #ad1c4c;
7274
--ifm-color-primary-lightest: #ec407a;
7375
--ifm-toc-border-color: #2e2e2e;
76+
7477
--ifm-code-font-size: 95%;
7578
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
7679
}

0 commit comments

Comments
 (0)