steve/tok-to-insta-follower-bridge
1
0
Fork 0
mirror of https://github.com/snachodog/tok-to-insta-follower-bridge.git synced 2025-04-23 20:12:22 -06:00
Code Issues Packages Projects Releases Wiki Activity

🎨 add darkmode

Browse Source
This commit is contained in:
kawamataryo 2024-02-02 15:14:29 +09:00
parent 66c61fb95e
commit 6241e4c392
5 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/Modal.tsx
View File

@ -10,7 +10,7 @@ const Modal = ({ children, anchorRef, open = false }: Props) => {
return ( return (
<> <>
<dialog className="modal" ref={anchorRef} open={open}> <dialog className="modal" ref={anchorRef} open={open}>
<div className="modal-box p-10 bg-white w-[750px] max-w-none text-gray-800"> <div className="modal-box p-10 bg-base-100 w-[750px] max-w-none text-base-content">
{children} {children}
</div> </div>
<form method="dialog" className="modal-backdrop"> <form method="dialog" className="modal-backdrop">

2
src/lib/components/UserCard.tsx
View File

@ -117,7 +117,7 @@ const UserCard = ({ user, actionMode, clickAction }: Props) => {
{user.displayName} {user.displayName}
</a> </a>
</h2> </h2>
<p className="whitespace-nowrap w-fit break-all text-gray-500 text-sm"> <p className="whitespace-nowrap w-fit break-all text-gray-500 dark:text-gray-400 text-sm">
<a <a
href={`https://bsky.app/profile/${user.handle}`} href={`https://bsky.app/profile/${user.handle}`}
target="_blank" target="_blank"

2
src/lib/constants.ts
View File

@ -70,6 +70,6 @@ export const MATCH_TYPE_LABEL_AND_COLOR = {
}, },
[BSKY_USER_MATCH_TYPE.DESCRIPTION]: { [BSKY_USER_MATCH_TYPE.DESCRIPTION]: {
label: "Included handle name in description", label: "Included handle name in description",
color: "neutral", color: "secondary",
}, },
}; };

4
src/popup.tsx
View File

@ -131,7 +131,7 @@ function IndexPopup() {
return ( return (
<div className="px-5 pt-3 pb-4 w-[380px]"> <div className="px-5 pt-3 pb-4 w-[380px]">
<h1 className="text-primary text-2xl font-thin flex gap-2 items-center"> <h1 className="text-primary dark:text-white text-2xl font-thin flex gap-2 items-center">
<svg <svg
className="w-5 h-5" className="w-5 h-5"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -210,7 +210,7 @@ function IndexPopup() {
<button <button
type="submit" type="submit"
className={ className={
"disabled:text-gray-600 mt-3 normal-case btn btn-primary btn-sm w-full" "disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-300 mt-3 normal-case btn btn-primary btn-sm w-full"
} }
disabled={isDisabled} disabled={isDisabled}
> >

7
tailwind.config.js
View File

@ -18,7 +18,12 @@ module.exports = {
primary: "#1D4ED8" primary: "#1D4ED8"
} }
}, },
{
dark: {
...require("daisyui/src/theming/themes").night,
primary: "#1D4ED8"
}
}
], ],
}, },
darkMode: ['class', '[data-theme="night"]']
} }