koide/note-articles
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

style: テーマカラーを青系(ブランドカラー)に統一
All checks were successful
Deploy Docusaurus Site / deploy (push) Successful in 29s
Details

Browse Source
This commit is contained in:
koide 2026-02-28 02:18:02 +00:00
parent 8fe2e55d81
commit 62ad94cca2
3 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/css/custom.css
View File

@ -1,26 +1,26 @@
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
:root {
--ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e;
--ifm-color-primary: #2563eb;
--ifm-color-primary-dark: #1d4ed8;
--ifm-color-primary-darker: #1e40af;
--ifm-color-primary-darkest: #1e3a8a;
--ifm-color-primary-light: #3b82f6;
--ifm-color-primary-lighter: #60a5fa;
--ifm-color-primary-lightest: #93c5fd;
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
--site-font-mono: 'JetBrains Mono', monospace;
}
[data-theme='dark'] {
--ifm-color-primary: #25c2a0;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--ifm-color-primary: #3b82f6;
--ifm-color-primary-dark: #2563eb;
--ifm-color-primary-darker: #1d4ed8;
--ifm-color-primary-darkest: #1e40af;
--ifm-color-primary-light: #60a5fa;
--ifm-color-primary-lighter: #93c5fd;
--ifm-color-primary-lightest: #bfdbfe;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
@ -67,11 +67,11 @@
border-color: var(--ifm-color-primary);
border-left-color: var(--ifm-color-primary);
transform: scale(1.02);
box-shadow: 0 0 16px rgba(46,133,85,0.25);
box-shadow: 0 0 16px rgba(37,99,235,0.25);
text-decoration: none;
color: inherit;
}
[data-theme="dark"] .theme-doc-markdown ul > li > a:hover {
box-shadow: 0 0 16px rgba(37,194,160,0.25);
box-shadow: 0 0 16px rgba(59,130,246,0.25);
}

8
src/pages/index.module.css
View File

@ -28,13 +28,13 @@
[data-theme='dark'] .hero {
background:
radial-gradient(circle, rgba(37,194,160,0.15) 1px, transparent 1px) 0 0 / 24px 24px,
radial-gradient(circle, rgba(59,130,246,0.15) 1px, transparent 1px) 0 0 / 24px 24px,
linear-gradient(180deg, var(--ifm-background-surface-color) 0%, var(--ifm-background-color) 100%);
}
:root .hero {
background:
radial-gradient(circle, rgba(46,133,85,0.12) 1px, transparent 1px) 0 0 / 24px 24px,
radial-gradient(circle, rgba(37,99,235,0.12) 1px, transparent 1px) 0 0 / 24px 24px,
linear-gradient(180deg, var(--ifm-background-surface-color) 0%, var(--ifm-background-color) 100%);
}
@ -158,7 +158,7 @@
}
[data-theme='dark'] .postCard:hover {
box-shadow: 0 0 16px rgba(37,194,160,0.25);
box-shadow: 0 0 16px rgba(59,130,246,0.25);
}
.postTitle {
@ -214,7 +214,7 @@
}
[data-theme='dark'] .workCard:hover {
box-shadow: 0 0 16px rgba(37,194,160,0.25);
box-shadow: 0 0 16px rgba(59,130,246,0.25);
}
.workName {

8
src/pages/works.module.css
View File

@ -9,12 +9,12 @@
min-height: calc(100vh - 60px);
padding: 3rem 2rem;
background:
radial-gradient(circle, rgba(46,133,85,0.12) 1px, transparent 1px) 0 0 / 24px 24px;
radial-gradient(circle, rgba(37,99,235,0.12) 1px, transparent 1px) 0 0 / 24px 24px;
}
[data-theme="dark"] .main {
background:
radial-gradient(circle, rgba(37,194,160,0.15) 1px, transparent 1px) 0 0 / 24px 24px;
radial-gradient(circle, rgba(59,130,246,0.15) 1px, transparent 1px) 0 0 / 24px 24px;
}
.container {
@ -65,13 +65,13 @@
border-color: var(--ifm-color-primary);
border-left-color: var(--ifm-color-primary);
transform: scale(1.02);
box-shadow: 0 0 16px rgba(46,133,85,0.25);
box-shadow: 0 0 16px rgba(37,99,235,0.25);
text-decoration: none;
color: inherit;
}
[data-theme="dark"] .workCard:hover {
box-shadow: 0 0 16px rgba(37,194,160,0.25);
box-shadow: 0 0 16px rgba(59,130,246,0.25);
}
.workName {