Remove sakura.css from templates

extension-js · Sep 28, 2024 · aafeeb1 · aafeeb1
1 parent d34b3c6
commit aafeeb1
Show file tree

Hide file tree

Showing 11 changed files with 10 additions and 17 deletions.
diff --git a/examples/content-env/background.ts b/examples/content-env/background.ts
@@ -1 +1,3 @@
-console.log('Hello from the background script!')
+console.log(
+  `${process.env.EXTENSION_PUBLIC_DESCRIPTION_TEXT} loaded with a background script!`
+)
diff --git a/examples/new-preact/newtab/NewTabApp.tsx b/examples/new-preact/newtab/NewTabApp.tsx
@@ -1,4 +1,3 @@
-import 'sakura.css'
 import './styles.css'
 import preactLogo from '../images/preact.png'
 

diff --git a/examples/new-preact/package.json b/examples/new-preact/package.json
@@ -11,8 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@preact/signals": "^1.3.0",
-    "preact": "^10.22.0",
-    "sakura.css": "^1.5.0"
+    "preact": "^10.22.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.9",

diff --git a/examples/new-react-router/newtab/NewTabApp.tsx b/examples/new-react-router/newtab/NewTabApp.tsx
@@ -1,5 +1,4 @@
 import {HashRouter as Router, Switch, Route, Link} from 'react-router-dom'
-import 'sakura.css'
 import './styles.css'
 import reactLogo from '../images/react.png'
 

diff --git a/examples/new-react-router/package.json b/examples/new-react-router/package.json
@@ -12,8 +12,7 @@
   "dependencies": {
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
-    "react-router-dom": "5",
-    "sakura.css": "^1.5.0"
+    "react-router-dom": "5"
   },
   "devDependencies": {
     "@types/react": "^18.2.64",

diff --git a/examples/new-react/newtab/NewTabApp.tsx b/examples/new-react/newtab/NewTabApp.tsx
@@ -1,4 +1,3 @@
-import 'sakura.css'
 import './styles.css'
 import reactLogo from '../images/react.png'
 

diff --git a/examples/new-react/package.json b/examples/new-react/package.json
@@ -11,8 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "sakura.css": "^1.5.0"
+    "react-dom": "^18.1.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.64",

diff --git a/examples/new-typescript/newtab/index.html b/examples/new-typescript/newtab/index.html
@@ -4,13 +4,12 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>TypeScript Extension</title>
-    <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" media="screen" />
-    <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-dark.css" media="screen and (prefers-color-scheme: dark)" />    <link rel="stylesheet" href="./styles.css" media="screen" />
+    <link rel="stylesheet" href="./styles.css" media="screen" />
   </head>
   <body>
     <header>
       <h1>
-        <img class="typescript" src="/logo.png" alt="The TypeScript logo" width="120px" />
+        <img class="typescript" src="/logo.svg" alt="The TypeScript logo" width="120px" />
         <br />
         Welcome to your TypeScript Extension.
       </h1>

diff --git a/examples/new-typescript/newtab/styles.css b/examples/new-typescript/newtab/styles.css
@@ -38,7 +38,7 @@ h1 {
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
-  font-size: 4.7em;
+  font-size: 3.8em;
 }
 
 @media (max-width: 684px) {

diff --git a/examples/new-vue/newtab/scripts.ts b/examples/new-vue/newtab/scripts.ts
@@ -1,4 +1,3 @@
-import 'sakura.css'
 import './styles.css'
 
 import {createApp} from 'vue'

diff --git a/examples/new-vue/package.json b/examples/new-vue/package.json
@@ -10,8 +10,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "vue": "^3.4.27",
-    "sakura.css": "^1.5.0"
+    "vue": "^3.4.27"
   },
   "devDependencies": {
     "typescript": "5.3.3"