Compare commits
7 commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b46eea02fd | |||
| d185ca62d4 | |||
| 9dc35139d6 | |||
| 96c36561e3 | |||
| 1c74e238a7 | |||
| 376adec8e6 | |||
| 14a3a2801f |
10 changed files with 160 additions and 92 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
mango.zip
|
||||
2
LICENSE
2
LICENSE
|
|
@ -1,6 +1,6 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2024 adrianvictor
|
||||
Copyright (c) 2024 Adrian Victor
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
|
|
|
|||
23
README.MD
23
README.MD
|
|
@ -1,17 +1,20 @@
|
|||
# Mango
|
||||
Obliterates rounded corners... BECAUSE I HATE THEM
|
||||
I declare war to rouded corners!
|
||||
|
||||
<img src="https://addons.mozilla.org/user-media/previews/full/307/307501.png?modified=1729803414" alt="Mango configuration UI" width="200"/>
|
||||
<img src="https://addons.mozilla.org/user-media/previews/full/307/307505.png?modified=1729803420" alt="Mango VS YouTube default design" width="400"/>
|
||||
<a href="https://addons.mozilla.org/en-US/firefox/addon/mangocorners/"><img src="./img/Firefox-badges.jpg" alt="Firefox Addon Store Icon" width="200"/></a>
|
||||
|
||||
## Example
|
||||
<img src="https://addons.mozilla.org/user-media/previews/full/307/307505.png?modified=1729803420" alt="Mango VS YouTube default design"/>
|
||||
|
||||
## How it works
|
||||
``* {
|
||||
```css
|
||||
* {
|
||||
border-radius: 0 !important;
|
||||
}``
|
||||
That's everything we inject into your page, feel free to check the source code to be sure we're not doing anything malicious.
|
||||
}
|
||||
```
|
||||
This CSS tells your browser that everything (`*`) should have the property `border-radius` (amount of rounded corner) to 0.
|
||||
|
||||
## Why 'Mango'
|
||||
Mango is the codename of the first Windows Phone OS to have a codename (Windows Phone 7.5). I had a WP as a child and I always loved the "minimalist square" design of Windows Phone.
|
||||
The extension just injects this into your page after checking if the page is whitelisted. This extension is so tiny that you can review `mango.js` and `main.js` by yourself or with help of AI.
|
||||
|
||||
## Contributing
|
||||
Just do a pull request
|
||||
## Why Mango
|
||||
Mango is the codename of _Windows Phone 7.5_, the first version to adopt Microslop's "Metro UI". I grew up as a kid using Windows Phone and that shaped the way I see rounded corners—and I absolutely hate them.
|
||||
BIN
img/Firefox-badges.jpg
Normal file
BIN
img/Firefox-badges.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
|
|
@ -2,8 +2,8 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Mango</title>
|
||||
<script src="mangoui.js" defer></script>
|
||||
<link rel="stylesheet" href="mangoUI.css">
|
||||
<script src="menu/main.js" defer></script>
|
||||
<link rel="stylesheet" href="menu/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="title">mango</h1>
|
||||
|
|
@ -12,6 +12,9 @@
|
|||
example.com
|
||||
example2.com" id="whitelist" rows="10" cols="30"></textarea><br>
|
||||
<button id="whitelistSave">save</button>
|
||||
<p><a href="https://git.disroot.org/adrianvictor/mango">source-code</a></p>
|
||||
<button id="toggle">enabled</button>
|
||||
<footer>
|
||||
<p><span id="version">v3</span> Adrian Victor <a href="https://github.com/adrianvic/mango">(source-code)</a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
17
mango.js
17
mango.js
|
|
@ -1,4 +1,12 @@
|
|||
console.log("[Mango] Let's get the business done.")
|
||||
const currentHostname = location.hostname;
|
||||
let enabled = true;
|
||||
|
||||
browser.storage.local.get("enabled").then((result) => {
|
||||
enabled = result.enabled ?? true;
|
||||
}).catch((error) => {
|
||||
console.error("Error retrieving enabled state:", error);
|
||||
});
|
||||
|
||||
|
||||
function checkWhitelist(url) {
|
||||
return browser.storage.local.get("whitelist").then((result) => {
|
||||
|
|
@ -7,10 +15,8 @@ function checkWhitelist(url) {
|
|||
});
|
||||
}
|
||||
|
||||
const currentHostname = location.hostname;
|
||||
|
||||
checkWhitelist(currentHostname).then((isWhitelisted) => {
|
||||
if (!isWhitelisted) {
|
||||
if (!isWhitelisted && enabled) {
|
||||
const styles = `
|
||||
* {
|
||||
border-radius: 0 !important;
|
||||
|
|
@ -18,9 +24,8 @@ function checkWhitelist(url) {
|
|||
`;
|
||||
const injectedStyle = document.createElement("style");
|
||||
injectedStyle.type = "text/css";
|
||||
injectedStyle.id = "mangoInjectedStyle";
|
||||
injectedStyle.innerText = styles;
|
||||
document.head.appendChild(injectedStyle);
|
||||
} else {
|
||||
console.log("[Mango] Mercy! This page is whitelisted.")
|
||||
}
|
||||
});
|
||||
|
|
|
|||
14
mangoui.js
14
mangoui.js
|
|
@ -1,14 +0,0 @@
|
|||
document.getElementById('whitelistSave').addEventListener('click', () => {
|
||||
const whitelist = document.getElementById('whitelist').value.split('\n').map(line => line.trim()).filter(line => line);
|
||||
browser.storage.local.set({ whitelist: whitelist });
|
||||
console.log('Whitelist saved!');
|
||||
});
|
||||
|
||||
|
||||
browser.storage.local.get("whitelist").then((result) => {
|
||||
const whitelist = result.whitelist || [];
|
||||
document.getElementById('whitelist').value = whitelist.join('\n');
|
||||
}).catch((error) => {
|
||||
console.error("Error retrieving the whitelist:", error);
|
||||
});
|
||||
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"manifest_version": 2,
|
||||
"name": "Mango",
|
||||
"version": "1.0",
|
||||
"version": "3.0",
|
||||
"description": "Obliterates rounded corners.",
|
||||
|
||||
"icons": {
|
||||
|
|
@ -37,4 +37,3 @@
|
|||
}
|
||||
]
|
||||
}
|
||||
|
||||
|
|
@ -1,11 +1,22 @@
|
|||
:root {
|
||||
--accent: orangered;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: orangered;
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -26,26 +37,53 @@ body::before {
|
|||
opacity: .25;
|
||||
}
|
||||
|
||||
#whitelist {
|
||||
textarea {
|
||||
outline: medium solid transparent;
|
||||
transition: .4s;
|
||||
background-color: black;
|
||||
margin-bottom: 10px;
|
||||
color: white;
|
||||
border: thin solid white;
|
||||
padding: .4em;
|
||||
}
|
||||
|
||||
#title {
|
||||
textarea:focus {
|
||||
outline-color: var(--accent);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: 300;
|
||||
font-size: 50px;
|
||||
font-size: 3em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#whitelistSave {
|
||||
h2 {
|
||||
margin-bottom: .4em;
|
||||
}
|
||||
|
||||
button {
|
||||
transition: .2s;
|
||||
border: 1px solid white;
|
||||
background-color: black;
|
||||
color: white;
|
||||
font-size: large;
|
||||
padding: .2em;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 300;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#version {
|
||||
opacity: .6;
|
||||
}
|
||||
33
menu/main.js
Normal file
33
menu/main.js
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
let enabled = true;
|
||||
|
||||
const toggleButton = document.getElementById("toggle");
|
||||
updateButtonText();
|
||||
|
||||
function updateButtonText() {
|
||||
toggleButton.textContent = enabled ? "disable" : "enable";
|
||||
}
|
||||
|
||||
document.getElementById('whitelistSave').addEventListener('click', () => {
|
||||
const whitelist = document.getElementById('whitelist').value.split('\n').map(line => line.trim()).filter(line => line);
|
||||
browser.storage.local.set({ whitelist: whitelist });
|
||||
});
|
||||
|
||||
browser.storage.local.get("enabled").then((result) => {
|
||||
enabled = result.enabled ?? true;
|
||||
updateButtonText();
|
||||
}).catch((error) => {
|
||||
console.error("Error retrieving enabled state:", error);
|
||||
});
|
||||
|
||||
browser.storage.local.get("whitelist").then((result) => {
|
||||
const whitelist = result.whitelist || [];
|
||||
document.getElementById('whitelist').value = whitelist.join('\n');
|
||||
}).catch((error) => {
|
||||
console.error("Error retrieving the whitelist:", error);
|
||||
});
|
||||
|
||||
toggleButton.addEventListener('click', () => {
|
||||
enabled = !enabled;
|
||||
updateButtonText();
|
||||
browser.storage.local.set({enabled: enabled});
|
||||
})
|
||||
Loading…
Add table
Add a link
Reference in a new issue