kevin/portfolio
1
0
Fork 0
Code

Add colours to kanji that have furigana.

Browse Source
This commit is contained in:
Kevin Matsubara 2024-11-17 15:27:29 +01:00
parent 8c367ee0bd
commit 43807801ee
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Pages/markdownPage.js
View File

@ -53,7 +53,8 @@ function showFurigana (kana) {
} }
const Furigana = ({ kanji, kana }) => { const Furigana = ({ kanji, kana }) => {
return (<span className="furigana" title={kana} onClick={() => showFurigana(kana)}>{kanji}</span>) const { theme } = useTheme();
return (<span className={"furigana " + theme + "-kanji" } title={kana} onClick={() => showFurigana(kana)}>{kanji}</span>)
} }
const MyCodeBlock = ({ children, className }) => { const MyCodeBlock = ({ children, className }) => {

10
src/overrides.scss
View File

@ -14,10 +14,12 @@ $theme-colors: (
"dark-c1": #eeaa00, "dark-c1": #eeaa00,
"dark-c2": #eeaaff, "dark-c2": #eeaaff,
"dark-c3": #ff6262, "dark-c3": #ff6262,
"dark-kanji": #8448bd,
"dark-dim1": #ababab, "dark-dim1": #ababab,
"light-c1": #992299, "light-c1": #992299,
"light-c2": #446600, "light-c2": #446600,
"light-c3": #c70000, "light-c3": #c70000,
"light-kanji": #3a2180,
"light-dim1": #787878, "light-dim1": #787878,
); );
@ -207,6 +209,14 @@ body.light {
} }
} }
.dark-kanji {
color: map-get($theme-colors, "dark-kanji") !important;
}
.light-kanji {
color: map-get($theme-colors, "light-kanji") !important;
}
li.hidden { li.hidden {
display: none; display: none;
} }