icons & font -smoothing

This commit is contained in:
cupcakearmy 2020-10-12 00:11:23 +02:00
parent aa75f42098
commit 3ec208a683
No known key found for this signature in database
GPG Key ID: D28129AE5654D9D9
6 changed files with 27 additions and 5 deletions

2
.gitignore vendored
View File

@ -4,4 +4,6 @@ yarn-error.log
dist dist
*.zip *.zip
*.pem
*.crx
web-ext-artifacts web-ext-artifacts

BIN
icons/watch-alt.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

10
icons/watch-alt.svg Normal file
View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<path d="M256,496C123.648,496 16,388.352 16,256C16,123.648 123.648,16 256,16C388.352,16 496,123.648 496,256C496,388.352 388.352,496 256,496Z" style="fill:rgb(33,150,243);fill-rule:nonzero;"/>
<path d="M256,64C150.144,64 64,150.123 64,256C64,264.832 71.168,272 80,272L256,272C264.832,272 272,264.832 272,256L272,80C272,71.168 264.832,64 256,64Z" style="fill:white;fill-rule:nonzero;"/>
<g>
<path d="M256,512C114.837,512 0,397.163 0,256C0,114.837 114.837,0 256,0C397.163,0 512,114.837 512,256C512,397.163 397.163,512 256,512ZM256,32C132.48,32 32,132.48 32,256C32,379.52 132.48,480 256,480C379.52,480 480,379.52 480,256C480,132.48 379.52,32 256,32Z" style="fill:rgb(246,246,246);fill-rule:nonzero;"/>
<path d="M256,272L80,272C71.168,272 64,264.832 64,256C64,150.144 150.144,64 256,64C264.832,64 272,71.168 272,80L272,256C272,264.832 264.832,272 256,272ZM96.789,240L240,240L240,96.789C164.523,104.32 104.32,164.523 96.789,240Z" style="fill:rgb(246,246,246);fill-rule:nonzero;"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
icons/watch.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -1,21 +1,21 @@
{ {
"manifest_version": 2, "manifest_version": 2,
"name": "Ora", "name": "Ora",
"version": "0.3", "version": "0.4",
"description": "See how much time you spend on each website and set limits", "description": "See how much time you spend on each website and set limits",
"icons": { "icons": {
"512": "icons/watch.svg" "512": "icons/watch.png"
}, },
"browser_action": { "browser_action": {
"default_icon": { "default_icon": {
"512": "icons/watch.svg" "512": "icons/watch.png"
}, },
"default_title": "Ora Dashboard", "default_title": "Ora Dashboard",
"theme_icons": [ "theme_icons": [
{ {
"light": "./icons/watch.svg", "light": "./icons/watch.png",
"dark": "./icons/watch.svg", "dark": "./icons/watch-alt.png",
"size": 512 "size": 512
} }
] ]

View File

@ -5,11 +5,21 @@
<link href="../../node_modules/spectre.css/dist/spectre.min.css" rel="stylesheet" /> <link href="../../node_modules/spectre.css/dist/spectre.min.css" rel="stylesheet" />
<link href="../../node_modules/tailwindcss/dist/tailwind.min.css" rel="stylesheet" /> <link href="../../node_modules/tailwindcss/dist/tailwind.min.css" rel="stylesheet" />
<style> <style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
#root { #root {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
} }
</style> </style>
<title>Ora</title>
</head> </head>
<body> <body>
<div id="root" /> <div id="root" />