From 5adfe2330e2e90c9b7bef1c82ef659ee7761dd6f Mon Sep 17 00:00:00 2001
From: Aki Hamano <54422211+t-hamano@users.noreply.github.com>
Date: Fri, 21 Jul 2023 00:36:40 +0900
Subject: [PATCH] Try: Apply theme color schema to Manage Theme Fonts page
 (#419)

---
 package-lock.json | 7 ++++---
 package.json      | 1 +
 src/index.js      | 1 +
 src/index.scss    | 2 ++
 4 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 src/index.scss

diff --git a/package-lock.json b/package-lock.json
index 93e996d8..4fecef85 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
 			"devDependencies": {
 				"@actions/core": "^1.10.0",
 				"@emotion/babel-plugin": "^11.11.0",
+				"@wordpress/base-styles": "^4.28.0",
 				"@wordpress/browserslist-config": "^5.16.0",
 				"@wordpress/element": "^5.10.0",
 				"@wordpress/env": "^8.3.0",
@@ -4111,9 +4112,9 @@
 			}
 		},
 		"node_modules/@wordpress/base-styles": {
-			"version": "4.24.0",
-			"resolved": "https://registry.npmjs.org/@wordpress/base-styles/-/base-styles-4.24.0.tgz",
-			"integrity": "sha512-rvsyihxkJSWKzPLPZ//oBV994TZY7X0mHwuqFvS4S5j2F57JTAM5PbJs2M1B47A7hQ75E2x2NOMizYtjhtYK7g==",
+			"version": "4.28.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/base-styles/-/base-styles-4.28.0.tgz",
+			"integrity": "sha512-ibg63Pc0oS2WGoW72bdRDSrbbJZ4i2OcOPXb135gdvT1P89sGQK/hGFHqPyaRzi4yI+sUuyFDEwlsvOIBfh12w==",
 			"dev": true
 		},
 		"node_modules/@wordpress/browserslist-config": {
diff --git a/package.json b/package.json
index e1daedb7..e497478d 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
 	"devDependencies": {
 		"@actions/core": "^1.10.0",
 		"@emotion/babel-plugin": "^11.11.0",
+		"@wordpress/base-styles": "^4.28.0",
 		"@wordpress/browserslist-config": "^5.16.0",
 		"@wordpress/element": "^5.10.0",
 		"@wordpress/env": "^8.3.0",
diff --git a/src/index.js b/src/index.js
index a880a3f4..a886c620 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,7 @@ import ManageFonts from './manage-fonts';
 import GoogleFonts from './google-fonts';
 import LocalFonts from './local-fonts';
 import { ManageFontsProvider } from './fonts-context';
+import './index.scss';
 
 function App() {
 	const params = new URLSearchParams( document.location.search );
diff --git a/src/index.scss b/src/index.scss
new file mode 100644
index 00000000..8ebaa7cb
--- /dev/null
+++ b/src/index.scss
@@ -0,0 +1,2 @@
+@import "../node_modules/@wordpress/base-styles/mixins";
+@include wordpress-admin-schemes();