Skip to content

Instantly share code, notes, and snippets.

@wmcmurray
Created October 19, 2020 17:28
Show Gist options
  • Save wmcmurray/b4bb326c1ef7319ab9c6da948669c5db to your computer and use it in GitHub Desktop.
Save wmcmurray/b4bb326c1ef7319ab9c6da948669c5db to your computer and use it in GitHub Desktop.
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
Copy link
Author

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