pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

feat(blog): add theme-based element visibility

Browse source
This commit is contained in:
Kim, Jimin 2023-09-17 16:49:03 +09:00
parent 36b1ecd8ec
commit addc033ebe
Signed by: pomp
GPG key ID: CE1DDB8A4A765403
3 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
apps/blog/src/app/layout.tsx
View file

@ -22,6 +22,7 @@ import "../styles/mark.scss"
import "../styles/scrollbar.scss" import "../styles/scrollbar.scss"
import "../styles/subSup.scss" import "../styles/subSup.scss"
import "../styles/table.scss" import "../styles/table.scss"
import "../styles/theme-visibility.scss"
import { type Metadata } from "next" import { type Metadata } from "next"
import Image from "next/image" import Image from "next/image"

17
apps/blog/src/styles/theme-visibility.scss Normal file
View file

@ -0,0 +1,17 @@
.dark-element {
display: none;
}
.light-element {
display: block;
}
:is(.dark) {
.dark-element {
display: block;
}
.light-element {
display: none;
}
}

1
apps/portfolio/src/app/layout.tsx
View file

@ -19,6 +19,7 @@ import "@developomp-site/blog/src/styles/mark.scss"
import "@developomp-site/blog/src/styles/scrollbar.scss" import "@developomp-site/blog/src/styles/scrollbar.scss"
import "@developomp-site/blog/src/styles/subSup.scss" import "@developomp-site/blog/src/styles/subSup.scss"
import "@developomp-site/blog/src/styles/table.scss" import "@developomp-site/blog/src/styles/table.scss"
import "@developomp-site/blog/src/styles/theme-visibility.scss"
import "./global.scss" import "./global.scss"
import { type Metadata } from "next" import { type Metadata } from "next"