suspensive icon indicating copy to clipboard operation
suspensive copied to clipboard

[Feature]: Please, adding the on and off feature of dark mode. ๐Ÿ˜Š

Open kss2002 opened this issue 7 months ago โ€ข 6 comments

In other overlay-kit sites, use-funnel, and es-toolkit, there is a button to turn on/off the dark mode, but it does not exist in Suspense.

From the developer's point of view, a dark site would be good for visibility, but from the user's point of view, it would be good to turn on/off the dark mode as you please.

We insert a function to turn on/off the related dark mode, and propose the overall function that can be controlled by the button as an issue.

Thank you.

https://suspensive.org/ko

kss2002 avatar Apr 03 '25 06:04 kss2002

People can be co-author:

Candidate Reasons Count Add this as commit message
@kss2002 https://github.com/toss/suspensive/issues/1508#issuecomment-2778071606 https://github.com/toss/suspensive/issues/1508#issuecomment-2778103843 https://github.com/toss/suspensive/issues/1508 https://github.com/toss/suspensive/issues/1508#issuecomment-3044868966 https://github.com/toss/suspensive/issues/1508#issuecomment-3290786255 https://github.com/toss/suspensive/issues/1508#issuecomment-3292645497 https://github.com/toss/suspensive/issues/1508#issuecomment-3292685615 https://github.com/toss/suspensive/issues/1508#issuecomment-3301141796 https://github.com/toss/suspensive/issues/1508#issuecomment-3317402226 https://github.com/toss/suspensive/issues/1508#issuecomment-3355775837 10 Co-authored-by: kss2002 <[email protected]>
@manudeli https://github.com/toss/suspensive/issues/1508#issuecomment-2774867399 https://github.com/toss/suspensive/issues/1508#issuecomment-3292512329 https://github.com/toss/suspensive/issues/1508#issuecomment-3292658891 https://github.com/toss/suspensive/issues/1508#issuecomment-3301214269 https://github.com/toss/suspensive/issues/1508#issuecomment-3317732308 https://github.com/toss/suspensive/issues/1508#issuecomment-3355069546 6 Co-authored-by: manudeli <[email protected]>
@gwansikk https://github.com/toss/suspensive/issues/1508#issuecomment-2774762659 https://github.com/toss/suspensive/issues/1508#issuecomment-2780209779 https://github.com/toss/suspensive/issues/1508#issuecomment-3045442509 3 Co-authored-by: gwansikk <[email protected]>
@sukvvon https://github.com/toss/suspensive/issues/1508#issuecomment-3355051109 1 Co-authored-by: sukvvon <[email protected]>

coauthors[bot] avatar Apr 03 '25 06:04 coauthors[bot]

Thank you for suggesting this issue. Currently, Suspensive's official documentation supports only dark mode, in line with the project's branding concept. However, we will discuss internally whether to add light mode support.

cc. @manudeli

gwansikk avatar Apr 03 '25 07:04 gwansikk

@kss2002 I agree that feature to toggle light/dark mode would be also good to have. but It's not must. In my opinion, We don't have enough human resource to maintain light mode before preparing suspensive v3. but you can contribute to it. could you please?

manudeli avatar Apr 03 '25 08:04 manudeli

Thank you for considering the issue I presented.

@gwansikk

kss2002 avatar Apr 04 '25 09:04 kss2002

@gwansikk I think it's a great opportunity. I don't have any experience in contributing to open source yet, but I would like to take this opportunity to contribute while learning.

If you have any questions in the process of adding features, is it okay if I ask you a question? Thank you ๐Ÿ”ฅ

kss2002 avatar Apr 04 '25 09:04 kss2002

If you have any questions in the process of adding features, is it okay if I ask you a question?

Of course, contributions are welcome ๐Ÿ’ช๐Ÿ’ช

gwansikk avatar Apr 05 '25 04:04 gwansikk

Hi! I tried to run the project with pnpm dev, but it seems like @suspensive/react-query-4 module is missing and causing build errors. Is this package under development or am I missing some setup steps? I want to launch a preview server but it's failing. ๐Ÿ˜ฃ๐Ÿ˜ฃ

kss2002 avatar Jul 07 '25 12:07 kss2002

Hi! I tried to run the project with pnpm dev, but it seems like @suspensive/react-query-4 module is missing and causing build errors. Is this package under development or am I missing some setup steps? I want to launch a preview server but it's failing. ๐Ÿ˜ฃ๐Ÿ˜ฃ

Could you run pnpm install once after pnpm build? If you want to run the official documentation locally, try using pnpm -F @suspensive/suspensive.org dev.

gwansikk avatar Jul 07 '25 14:07 gwansikk

Hello!

When proceeding with git clones, is it cloning my repository that forked this suspenseful or is it cloning the actual suspenseful of this toss now? I'm curious!

  • (As far as I understand, "cloning my repository that forked this suspense" is correct.)

kss2002 avatar Sep 15 '25 07:09 kss2002

Hello!

When proceeding with git clones, is it cloning my repository that forked this suspenseful or is it cloning the actual suspenseful of this toss now? I'm curious!

  • (As far as I understand, "cloning my repository that forked this suspense" is correct.)

์ €ํฌ ๋ ˆํฌ์ง€ํ† ๋ฆฌ์™€ ํ”„๋กœ์ ํŠธ ์ด๋ฆ„์€ Suspensive์ด์—์š”. ๊ดœ์ฐฎ์œผ์‹œ๋‹ค๋ฉด ํ•œ๊ตญ์–ด๋กœ ๋ง์”€์ฃผ์…”๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์š”

manudeli avatar Sep 15 '25 14:09 manudeli

Hello! When proceeding with git clones, is it cloning my repository that forked this suspenseful or is it cloning the actual suspenseful of this toss now? I'm curious!

  • (As far as I understand, "cloning my repository that forked this suspense" is correct.)

์ €ํฌ ๋ ˆํฌ์ง€ํ† ๋ฆฌ์™€ ํ”„๋กœ์ ํŠธ ์ด๋ฆ„์€ Suspensive์ด์—์š”. ๊ดœ์ฐฎ์œผ์‹œ๋‹ค๋ฉด ํ•œ๊ตญ์–ด๋กœ ๋ง์”€์ฃผ์…”๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์š”

๋„ค ์•Œ๊ฒ ์Šต๋‹ˆ๋‹ค!

์ง€๊ธˆ ํ˜„์žฌ ์ด ํ† ์Šค์˜ Suspensive ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ forkํ•œ ์ƒํƒœ์ด๊ณ  forkํ•œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ "ํด๋ก "ํ•˜๋Š” ํ๋ฆ„์ด ๋งž๋Š”์ง€๊ฐ€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค! ( forkํ•œ ์ œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ ๋งํฌ > https://github.com/kss2002/suspensive )

kss2002 avatar Sep 15 '25 15:09 kss2002

๋„ต๋„ต! ๊ธฐ์—ฌ๋ฅผ ํ•˜๊ณ ์ž ํ•˜์…”์„œ ํฌํฌํ•˜์‹œ๊ณ  ํด๋ก  ๋ฐ›์œผ์‹ ๊ฑฐ์ฃ ? ๊ทธ๋ ‡๋‹ค๋ฉด ๋งž์Šต๋‹ˆ๋‹ค

manudeli avatar Sep 15 '25 15:09 manudeli

๋„ต๋„ต! ๊ธฐ์—ฌ๋ฅผ ํ•˜๊ณ ์ž ํ•˜์…”์„œ ํฌํฌํ•˜์‹œ๊ณ  ํด๋ก  ๋ฐ›์œผ์‹ ๊ฑฐ์ฃ ? ๊ทธ๋ ‡๋‹ค๋ฉด ๋งž์Šต๋‹ˆ๋‹ค

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ํ™•์ธํ•˜์˜€์Šต๋‹ˆ๋‹ค!

kss2002 avatar Sep 15 '25 15:09 kss2002

์•ˆ๋…•ํ•˜์„ธ์š”! "๋‹คํฌ๋ชจ๋“œ" ํ† ๊ธ€ ๋ฒ„ํŠผ ๊ตฌํ˜„์— ๋Œ€ํ•ด ์˜๊ฒฌ์„ ์—ฌ์ญˆ๊ณ  ์‹ถ์–ด์„œ ์ด๋ ‡๊ฒŒ comment๋ฅผ ๋‚จ๊น๋‹ˆ๋‹ค. ๋ฒ„ํŠผ์˜ ๊ตฌํ˜„ ์œ„์น˜๋ฅผ ์–ด๋””์— ์œ„์น˜ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์„๊นŒ์š”? PC ์Šค์ผ€์ผ์—์„œ [header ์ชฝ์˜ "๋ฌธ์„œ๋ณด๊ธฐ" ์™ผ์ชฝ] or [footer ์ชฝ์˜ ๐ŸŒํ•œ๊ตญ์–ด (์–ธ์–ด์„ค์ •)์˜ ์˜ค๋ฅธ์ชฝ] ์ •๋„๋ฅผ ์ƒ๊ฐํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ๋ชจ๋ฐ”์ผ ์Šค์ผ€์ผ์—์„œ๋Š” [header์˜ ๊นƒํ—ˆ๋ธŒ ์ด๋ชจํ‹ฐ์ฝ˜ ์™ผ์ชฝ]์— ์œ„์น˜ํ•  ์ƒ๊ฐ์ž…๋‹ˆ๋‹ค.

์–ธ์ œ๋“ ์ง€ ํŽธํ•˜๊ฒŒ ์˜๊ฒฌ ๋‚จ๊ฒจ์ฃผ์‹œ๋ฉด ๋งŽ์€ ๋„์›€์ด ๋  ๊ฑฐ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

kss2002 avatar Sep 17 '25 03:09 kss2002

์šฐ์„ ์€ ๊ธฐ๋Šฅ์ด ์žˆ๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•œ ๊ฑฐ ๊ฐ™์•„์„œ ์–ด๋–ค ๋ฐฉํ–ฅ์ด๋“  PR์˜ฌ๋ ค์ฃผ์‹œ๋ฉด ์œ„์น˜๋‚˜ ์ƒ์„ธํ•œ ๋””์ž์ธ์€ ์ฐจ์ฐจ ์žก์•„๊ฐ€๋ณด์•„๋„ ์ข‹์„ ๊ฑฐ ๊ฐ™์•„์š”

manudeli avatar Sep 17 '25 03:09 manudeli

๊ธฐ๋Šฅ์„ ์–ด๋А์ •๋„ ์ถ”๊ฐ€ํ•ด๋‘” ์ƒํ™ฉ์ธ๋ฐ, ์•„์ง ์™„์„ฑํ˜•์€ ์•„๋‹™๋‹ˆ๋‹ค! ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ์œ„ํ•ด PR ์˜ฌ๋ ค๋„ ๊ดœ์ฐฎ์„๊นŒ์š”?

kss2002 avatar Sep 22 '25 07:09 kss2002

๋„ต ์˜ฌ๋ ค๋„ ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค

manudeli avatar Sep 22 '25 09:09 manudeli

@manudeli

I think we can close this issue. โ˜บ๏ธ

  • #1755

sukvvon avatar Oct 01 '25 07:10 sukvvon

@kss2002 Thanks!

manudeli avatar Oct 01 '25 07:10 manudeli

Thank you so much for taking the precious time to review the code! ๐Ÿ‘ฉโ€๐Ÿ’ป

kss2002 avatar Oct 01 '25 10:10 kss2002