Skip to content

Commit 09e4246

Browse files
committed
refactor
1 parent c555286 commit 09e4246

File tree

2 files changed

+9
-5
lines changed

2 files changed

+9
-5
lines changed
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.svg {
2+
& path[id="label"] {
3+
fill: #004CA3
4+
}
5+
}

src/components/Yaml/YamlIcon.tsx

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
1-
import { useThemeMode } from '../../lib/useThemeMode.ts';
2-
1+
import styles from './YamlIcon.module.css';
32
export const YamlIcon = () => {
4-
const { isDarkMode } = useThemeMode();
53
return (
64
<svg
5+
className={styles.svg}
76
width="32"
87
height="16"
98
viewBox="0 0 32 16"
@@ -13,12 +12,12 @@ export const YamlIcon = () => {
1312
<path
1413
id="label"
1514
d="M31.75 6.25C31.6042 6.08333 31.4167 6 31.1875 6H6.8125C6.58333 6 6.38542 6.08333 6.21875 6.25C6.07292 6.39583 6 6.58333 6 6.8125V12.1875C6 12.4167 6.07292 12.6146 6.21875 12.7812C6.38542 12.9271 6.58333 13 6.8125 13H31.1875C31.4167 13 31.6042 12.9271 31.75 12.7812C31.9167 12.6146 32 12.4167 32 12.1875V6.8125C32 6.58333 31.9167 6.39583 31.75 6.25Z"
16-
fill={isDarkMode ? '#2F648E' : '#004CA3'}
15+
fill="currentColor"
1716
/>
1817
<path
1918
id="icon"
2019
d="M11.1875 14.4062C11.4167 14.4062 11.6042 14.4792 11.75 14.625C11.9167 14.7708 12 14.9583 12 15.1875C12 15.4167 11.9167 15.6042 11.75 15.75C11.6042 15.9167 11.4167 16 11.1875 16H0.8125C0.583333 16 0.385417 15.9167 0.21875 15.75C0.0729167 15.6042 0 15.4167 0 15.1875V6C0 5.79167 0.0625 5.61458 0.1875 5.46875L4.65625 0.28125C4.78125 0.09375 4.97917 0 5.25 0H11.1875C11.4167 0 11.6042 0.0833333 11.75 0.25C11.9167 0.395833 12 0.583333 12 0.8125V3.1875C12 3.41667 11.9167 3.61458 11.75 3.78125C11.6042 3.92708 11.4167 4 11.1875 4C10.9583 4 10.7708 3.92708 10.625 3.78125C10.4792 3.61458 10.4062 3.41667 10.4062 3.1875V1.59375H5.625L5 2.34375V4.40625C5 4.84375 4.84375 5.21875 4.53125 5.53125C4.21875 5.84375 3.84375 6 3.40625 6H1.84375L1.59375 6.28125V14.4062H11.1875Z"
21-
fill={isDarkMode ? '#4CB1FF' : '#0065d9'}
20+
fill="currentColor"
2221
/>
2322
<path
2423
d="M8.88164 10.2399L7 7H8.68816L9.65174 8.94819L10.6457 7H12.3225L10.4332 10.2399V12H8.88164V10.2399Z"

0 commit comments

Comments
 (0)