From ed27033c13a959a97cbcb8e3b89a5facefb8d597 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Mon, 26 Jun 2023 23:12:00 +0900
Subject: [PATCH] feat(blog): close #24

---
 apps/blog/src/styles/checkbox.ts    | 17 +++++++++++++++++
 apps/blog/src/styles/globalStyle.ts |  2 ++
 2 files changed, 19 insertions(+)
 create mode 100644 apps/blog/src/styles/checkbox.ts

diff --git a/apps/blog/src/styles/checkbox.ts b/apps/blog/src/styles/checkbox.ts
new file mode 100644
index 0000000..138edc2
--- /dev/null
+++ b/apps/blog/src/styles/checkbox.ts
@@ -0,0 +1,17 @@
+import { css } from "styled-components"
+
+export default css`
+	input[type="checkbox"] {
+		/* default width and height */
+		width: 13px;
+		height: 13px;
+	}
+
+	input[type="checkbox"][disabled][checked] {
+		filter: invert(100%) brightness(5);
+	}
+
+	input[type="checkbox"][disabled] {
+		filter: invert(100%) brightness(5);
+	}
+`
diff --git a/apps/blog/src/styles/globalStyle.ts b/apps/blog/src/styles/globalStyle.ts
index dec0121..46c62b6 100644
--- a/apps/blog/src/styles/globalStyle.ts
+++ b/apps/blog/src/styles/globalStyle.ts
@@ -3,6 +3,7 @@ import "katex/dist/katex.min.css"
 
 import anchorCSS from "./anchor"
 import scrollbarCSS from "./scrollbar"
+import checkbox from "./checkbox"
 import codeCSS from "./code"
 import kbdCSS from "./kbd"
 import tableCSS from "./table"
@@ -60,6 +61,7 @@ const globalCSS = css`
 export default createGlobalStyle`
 	${anchorCSS}
 	${scrollbarCSS}
+	${checkbox}
 	${codeCSS}
 	${kbdCSS}
 	${tableCSS}