Skip to content

Instantly share code, notes, and snippets.

@wmcmurray

wmcmurray/main.css

Created Oct 19, 2020
Embed
What would you like to do?
Chrome newtab extension exemple
body {
margin: 0px;
font-size: 40px;
font-family: system-ui, sans-serif;
}
.my-newtab {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
{
"manifest_version": 2,
"name": "Chrome newtab exemple",
"version": "1.0.0",
"description": "Demonstrate what is needed to make a newtab chrome extension.",
"chrome_url_overrides" : {
"newtab": "newtab.html"
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>New tab</title>
<meta charset="utf-8">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="my-newtab">
Custom newtab !
</div>
</body>
</html>
@wmcmurray

This comment has been minimized.

Copy link
Owner Author

@wmcmurray wmcmurray commented Oct 19, 2020

If you don't know how to load this basic exemple into chrome, check the associated blog article :
https://wimantis.ninja/how-to-make-a-newtab-chrome-extension/ 🙂

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.