move to main branch
1
.env
Normal file
|
@ -0,0 +1 @@
|
||||||
|
INLINE_RUNTIME_CHUNK=false
|
23
.gitignore
vendored
Normal file
|
@ -0,0 +1,23 @@
|
||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/.pnp
|
||||||
|
.pnp.js
|
||||||
|
|
||||||
|
# testing
|
||||||
|
/coverage
|
||||||
|
|
||||||
|
# production
|
||||||
|
/build
|
||||||
|
|
||||||
|
# misc
|
||||||
|
.DS_Store
|
||||||
|
.env.local
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
|
@ -1,28 +0,0 @@
|
||||||
let accent1 = "#ff0000";
|
|
||||||
|
|
||||||
const filter = {
|
|
||||||
url: [{
|
|
||||||
urlMatches: 'https://*.google.com/*',
|
|
||||||
}, ],
|
|
||||||
};
|
|
||||||
|
|
||||||
chrome.runtime.onInstalled.addListener(() => {
|
|
||||||
chrome.storage.sync.set({
|
|
||||||
a1: accent1
|
|
||||||
});
|
|
||||||
})
|
|
||||||
|
|
||||||
chrome.action.onClicked.addListener((tab) => {
|
|
||||||
chrome.scripting.executeScript({
|
|
||||||
target: { tabId: tab.id },
|
|
||||||
files: ['popup.js']
|
|
||||||
}, () => chrome.runtime.lastError);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
|
|
||||||
chrome.scripting.executeScript({
|
|
||||||
target: { tabId: tabId },
|
|
||||||
files: ['onload.js']
|
|
||||||
}, () => chrome.runtime.lastError);
|
|
||||||
});
|
|
|
@ -8,38 +8,42 @@
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
###### INFO: Gitccentify is undergoing a major overhaul and will be renamed to pint. Information on this readme may be out of date.
|
###### Traveller Information: You are on the main dev't branch. Things break here. For latest stable check branch v1.
|
||||||
|
|
||||||
[pint](https://projects.fuwa.sh/pint/) is a browser extension that makes your github experience colorful, just the way you like it.
|
[pint](https://projects.fuwa.sh/pint/) is a theming engine that allows you to rice your github experience.
|
||||||
|
|
||||||
💭 Looking for the latest changes? Check the `pint-overhaul` branch!
|
![pintpreview](https://go.fuwa.sh/u/ufuvwg.png)
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
![nFEf2ry1pk](https://user-images.githubusercontent.com/53419401/148857411-7896a24a-2374-4d64-a267-d1f599717a24.gif)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## installation
|
||||||
|
you can install this extension via the chrome web store (old version) or manually.
|
||||||
|
|
||||||
## Installation
|
### chrome web store installation
|
||||||
You can install this extension via the Chrome Web Store or manually.
|
please note that the version in the chrome web store is V1, which is very bad and outdated.
|
||||||
|
|
||||||
![Get it on the Chrome Web Store](https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/UV4C4ybeBTsZt43U4xis.png)
|
![Get it on the Chrome Web Store](https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/UV4C4ybeBTsZt43U4xis.png)
|
||||||
|
|
||||||
### Manual Installation
|
### manual/source installation
|
||||||
1. Clone/Download this repository or download the latest [release](https://github.com/nafunii/gh-accentify/releases).
|
1. clone this repository
|
||||||
2. Extract the downloaded zip file somewhere.
|
2. run `yarn build` or `yabai`
|
||||||
3. Go to your Chrome Extensions and turn on Developer Mode.
|
3. open extension settings in chrome/brave/chromium
|
||||||
4. Click on `Load Unpacked` and select on the folder where you extracted the zip file.
|
4. turn on developer mode
|
||||||
5. Profit!
|
5. load unpacked extension
|
||||||
|
6. load the build folder
|
||||||
|
|
||||||
## Roadmap
|
## roadmap
|
||||||
As gitccentify stagnated in development, I decided to overhaul gitccentify while it's not there in the mainstream yet. The roadmap I plan to follow is right here/
|
please check #12.
|
||||||
- [ ] Overhaul Gitccentify and release as pint. `*RELEASE MARK`
|
|
||||||
- [ ] Implement additional features in my backlog
|
|
||||||
|
|
||||||
## Contributing
|
|
||||||
Contributions are currently on hold as I overhaul this project. I'll be accepting contibutions once pint is released.
|
|
||||||
|
## contributing
|
||||||
|
contributions are welcome ❤️. however, please do keep in mind that this is a very early project and things are bound to be messy. i mean just look at these linting errors.
|
||||||
|
<br><br>
|
||||||
|
![lintlmao](https://go.fuwa.sh/u/9eTsWq.png)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 18 KiB |
|
@ -1,43 +0,0 @@
|
||||||
{
|
|
||||||
"manifest_version": 3,
|
|
||||||
"name": "Gitccentify",
|
|
||||||
"version": "1.1",
|
|
||||||
|
|
||||||
"action": {
|
|
||||||
"default_icon": {
|
|
||||||
"16": "images/icon16.png",
|
|
||||||
"24": "images/icon24.png",
|
|
||||||
"32": "images/icon32.png"
|
|
||||||
},
|
|
||||||
"default_title": "Gitccentify",
|
|
||||||
|
|
||||||
"default_popup": "popup.html"
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
"description": "Personalize your Github Experience by theming it to your own style.",
|
|
||||||
|
|
||||||
"author": {
|
|
||||||
"name": "Jariel Que",
|
|
||||||
"url": "https://github.com/nafunii"
|
|
||||||
},
|
|
||||||
|
|
||||||
"host_permissions": [
|
|
||||||
"https://*.github.com/"
|
|
||||||
],
|
|
||||||
|
|
||||||
"content_scripts": [{
|
|
||||||
"run_at": "document_end",
|
|
||||||
"matches": ["https://*.github.com/*"],
|
|
||||||
"js": ["onload.js"]
|
|
||||||
}],
|
|
||||||
|
|
||||||
"permissions": [
|
|
||||||
"storage",
|
|
||||||
"scripting"
|
|
||||||
],
|
|
||||||
"background": {
|
|
||||||
"service_worker": "background.js"
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
27
onload.js
|
@ -1,27 +0,0 @@
|
||||||
chrome.storage.sync.get('a1', ({ a1 }) => {
|
|
||||||
updateAccents(a1);
|
|
||||||
|
|
||||||
// run a second check to update missing accents due to limitations
|
|
||||||
setTimeout(function() {
|
|
||||||
updateAccents(a1);
|
|
||||||
}, 1000);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
function updateAccents(a1) {
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L4-bg', a1 + "ff", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L3-bg', a1 + "c5", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L2-bg', a1 + "8a", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L1-bg', a1 + "54", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-accent-emphasis', a1 + "ff", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-bg', a1 + "ff", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-hover-bg', a1 + "c5", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-active-bg', a1 + "8a", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-focus-bg', a1 + "8a", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-disabled-bg', a1 + "54", "important");
|
|
||||||
document.querySelector('.js-highlight-blob').style.setProperty('fill', a1 + "c5", "important");
|
|
||||||
document.querySelector('.js-highlight-blob').style.setProperty('stroke', a1 + "ff", "important");
|
|
||||||
for (let i = 0; i < document.querySelectorAll('.Progress-item.rounded-2').length; i++) {
|
|
||||||
document.querySelectorAll('.Progress-item.rounded-2')[i].style.setProperty('background-color', a1 + "ff", "important");
|
|
||||||
}
|
|
||||||
}
|
|
28977
package-lock.json
generated
Normal file
54
package.json
Normal file
|
@ -0,0 +1,54 @@
|
||||||
|
{
|
||||||
|
"name": "pint",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@emotion/react": "^11.9.3",
|
||||||
|
"@emotion/styled": "^11.9.3",
|
||||||
|
"@mui/material": "^5.8.7",
|
||||||
|
"@testing-library/jest-dom": "^5.16.4",
|
||||||
|
"@testing-library/react": "^13.3.0",
|
||||||
|
"@testing-library/user-event": "^13.5.0",
|
||||||
|
"@types/jest": "^27.5.2",
|
||||||
|
"@types/node": "^16.11.43",
|
||||||
|
"@types/react": "^18.0.15",
|
||||||
|
"@types/react-dom": "^18.0.6",
|
||||||
|
"react": "^18.2.0",
|
||||||
|
"react-colorful": "^5.5.1",
|
||||||
|
"react-dom": "^18.2.0",
|
||||||
|
"react-icons": "^4.4.0",
|
||||||
|
"react-scripts": "^5.0.1",
|
||||||
|
"typescript": "^4.7.4",
|
||||||
|
"web-vitals": "^2.1.4"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"start": "react-scripts start",
|
||||||
|
"build": "react-scripts build",
|
||||||
|
"test": "react-scripts test",
|
||||||
|
"eject": "react-scripts eject"
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"extends": [
|
||||||
|
"react-app",
|
||||||
|
"react-app/jest"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"browserslist": {
|
||||||
|
"production": [
|
||||||
|
">0.2%",
|
||||||
|
"not dead",
|
||||||
|
"not op_mini all"
|
||||||
|
],
|
||||||
|
"development": [
|
||||||
|
"last 1 chrome version",
|
||||||
|
"last 1 firefox version",
|
||||||
|
"last 1 safari version"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/chrome": "^0.0.193",
|
||||||
|
"autoprefixer": "^10.4.7",
|
||||||
|
"postcss": "^8.4.14",
|
||||||
|
"tailwindcss": "^3.1.4"
|
||||||
|
}
|
||||||
|
}
|
40
popup.html
|
@ -1,40 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
|
|
||||||
<!-- Fonts -->
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- My Styles -->
|
|
||||||
<link rel="stylesheet" href="styles/styles.css">
|
|
||||||
|
|
||||||
<title>Gitccentify</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="title">
|
|
||||||
<p align="center">
|
|
||||||
<img width="50" src="images/icon32.png" alt="Logo">
|
|
||||||
<br> · Gitccentify ·
|
|
||||||
<br> v1.0.0</p>
|
|
||||||
</p>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
<form>
|
|
||||||
<div class="vertcenter">
|
|
||||||
<label for="accent" class="inb">Select Your Accent Color:</label>
|
|
||||||
<input class="getColor" type="color" name="accent-color" id="accent">
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<!-- Scripts -->
|
|
||||||
<script src="popup.js"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
38
popup.js
|
@ -1,38 +0,0 @@
|
||||||
let changeColor = document.getElementById("accent");
|
|
||||||
|
|
||||||
chrome.storage.sync.get("a1", ({ a1 }) => {
|
|
||||||
changeColor.value = a1;
|
|
||||||
});
|
|
||||||
|
|
||||||
changeColor.addEventListener("change", async() => {
|
|
||||||
let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
|
|
||||||
|
|
||||||
var accent1 = changeColor.value;
|
|
||||||
chrome.storage.sync.set({ a1: accent1 });
|
|
||||||
|
|
||||||
chrome.scripting.executeScript({
|
|
||||||
target: { tabId: tab.id },
|
|
||||||
function: setAccent,
|
|
||||||
});
|
|
||||||
})
|
|
||||||
|
|
||||||
function setAccent() {
|
|
||||||
chrome.storage.sync.get('a1', ({ a1 }) => {
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L4-bg', a1 + "ff", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L3-bg', a1 + "c5", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L2-bg', a1 + "8a", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-calendar-graph-day-L1-bg', a1 + "54", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-accent-emphasis', a1 + "ff", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-bg', a1 + "ff", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-hover-bg', a1 + "c5", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-active-bg', a1 + "8a", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-focus-bg', a1 + "8a", "important");
|
|
||||||
document.querySelector(':root').style.setProperty('--color-btn-primary-disabled-bg', a1 + "54", "important");
|
|
||||||
document.querySelector('.js-highlight-blob').style.setProperty('fill', a1 + "c5", "important");
|
|
||||||
document.querySelector('.js-highlight-blob').style.setProperty('stroke', a1 + "ff", "important");
|
|
||||||
for (let i = 0; i < document.querySelectorAll('.Progress-item.rounded-2').length; i++) {
|
|
||||||
document.querySelectorAll('.Progress-item.rounded-2')[i].style.setProperty('background-color', a1 + "ff", "important");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
6
postcss.config.js
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
module.exports = {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
487
public/Initial.js
Normal file
|
@ -0,0 +1,487 @@
|
||||||
|
key = "pintScheme";
|
||||||
|
userScheme = {};
|
||||||
|
defaultColorScheme = {
|
||||||
|
"__color_canvas_default_transparent" : "rgba(13, 17, 23, 0)",
|
||||||
|
"__color_page_header_bg" : "#0d1117",
|
||||||
|
"__color_marketing_icon_primary" : "#79c0ff",
|
||||||
|
"__color_marketing_icon_secondary" : "#1f6feb",
|
||||||
|
"__color_diff_blob_addition_num_text" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_addition_fg" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_addition_num_bg" : "rgba(63, 185, 80, 0.3)",
|
||||||
|
"__color_diff_blob_addition_line_bg" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_diff_blob_addition_word_bg" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_diff_blob_deletion_num_text" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_deletion_fg" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_deletion_num_bg" : "rgba(248, 81, 73, 0.3)",
|
||||||
|
"__color_diff_blob_deletion_line_bg" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_diff_blob_deletion_word_bg" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_diff_blob_hunk_num_bg" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_diff_blob_expander_icon" : "#8b949e",
|
||||||
|
"__color_diff_blob_selected_line_highlight_mix_blend_mode" : "screen",
|
||||||
|
"__color_diffstat_deletion_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_diffstat_addition_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_diffstat_addition_bg" : "#3fb950",
|
||||||
|
"__color_search_keyword_hl" : "rgba(210, 153, 34, 0.4)",
|
||||||
|
"__color_prettylights_syntax_comment" : "#8b949e",
|
||||||
|
"__color_prettylights_syntax_constant" : "#79c0ff",
|
||||||
|
"__color_prettylights_syntax_entity" : "#d2a8ff",
|
||||||
|
"__color_prettylights_syntax_storage_modifier_import" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_entity_tag" : "#7ee787",
|
||||||
|
"__color_prettylights_syntax_keyword" : "#ff7b72",
|
||||||
|
"__color_prettylights_syntax_string" : "#a5d6ff",
|
||||||
|
"__color_prettylights_syntax_variable" : "#ffa657",
|
||||||
|
"__color_prettylights_syntax_brackethighlighter_unmatched" : "#f85149",
|
||||||
|
"__color_prettylights_syntax_invalid_illegal_text" : "#f0f6fc",
|
||||||
|
"__color_prettylights_syntax_invalid_illegal_bg" : "#8e1519",
|
||||||
|
"__color_prettylights_syntax_carriage_return_text" : "#f0f6fc",
|
||||||
|
"__color_prettylights_syntax_carriage_return_bg" : "#b62324",
|
||||||
|
"__color_prettylights_syntax_string_regexp" : "#7ee787",
|
||||||
|
"__color_prettylights_syntax_markup_list" : "#f2cc60",
|
||||||
|
"__color_prettylights_syntax_markup_heading" : "#1f6feb",
|
||||||
|
"__color_prettylights_syntax_markup_italic" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_bold" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_deleted_text" : "#ffdcd7",
|
||||||
|
"__color_prettylights_syntax_markup_deleted_bg" : "#67060c",
|
||||||
|
"__color_prettylights_syntax_markup_inserted_text" : "#aff5b4",
|
||||||
|
"__color_prettylights_syntax_markup_inserted_bg" : "#033a16",
|
||||||
|
"__color_prettylights_syntax_markup_changed_text" : "#ffdfb6",
|
||||||
|
"__color_prettylights_syntax_markup_changed_bg" : "#5a1e02",
|
||||||
|
"__color_prettylights_syntax_markup_ignored_text" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_ignored_bg" : "#1158c7",
|
||||||
|
"__color_prettylights_syntax_meta_diff_range" : "#d2a8ff",
|
||||||
|
"__color_prettylights_syntax_brackethighlighter_angle" : "#8b949e",
|
||||||
|
"__color_prettylights_syntax_sublimelinter_gutter_mark" : "#484f58",
|
||||||
|
"__color_prettylights_syntax_constant_other_reference_link" : "#a5d6ff",
|
||||||
|
"__color_codemirror_text" : "#c9d1d9",
|
||||||
|
"__color_codemirror_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_gutters_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_guttermarker_text" : "#0d1117",
|
||||||
|
"__color_codemirror_guttermarker_subtle_text" : "#6e7681",
|
||||||
|
"__color_codemirror_linenumber_text" : "#8b949e",
|
||||||
|
"__color_codemirror_cursor" : "#c9d1d9",
|
||||||
|
"__color_codemirror_selection_bg" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_codemirror_activeline_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_codemirror_matchingbracket_text" : "#c9d1d9",
|
||||||
|
"__color_codemirror_lines_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_syntax_comment" : "#8b949e",
|
||||||
|
"__color_codemirror_syntax_constant" : "#79c0ff",
|
||||||
|
"__color_codemirror_syntax_entity" : "#d2a8ff",
|
||||||
|
"__color_codemirror_syntax_keyword" : "#ff7b72",
|
||||||
|
"__color_codemirror_syntax_storage" : "#ff7b72",
|
||||||
|
"__color_codemirror_syntax_string" : "#a5d6ff",
|
||||||
|
"__color_codemirror_syntax_support" : "#79c0ff",
|
||||||
|
"__color_codemirror_syntax_variable" : "#ffa657",
|
||||||
|
"__color_checks_bg" : "#010409",
|
||||||
|
"__color_checks_run_border_width" : "1px",
|
||||||
|
"__color_checks_container_border_width" : "1px",
|
||||||
|
"__color_checks_text_primary" : "#c9d1d9",
|
||||||
|
"__color_checks_text_secondary" : "#8b949e",
|
||||||
|
"__color_checks_text_link" : "#58a6ff",
|
||||||
|
"__color_checks_btn_icon" : "#8b949e",
|
||||||
|
"__color_checks_btn_hover_icon" : "#c9d1d9",
|
||||||
|
"__color_checks_btn_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_input_text" : "#8b949e",
|
||||||
|
"__color_checks_input_placeholder_text" : "#6e7681",
|
||||||
|
"__color_checks_input_focus_text" : "#c9d1d9",
|
||||||
|
"__color_checks_input_bg" : "#161b22",
|
||||||
|
"__color_checks_input_shadow" : "0 0 0 1px (obj) => get_1.default(obj, path)",
|
||||||
|
"__color_checks_donut_error" : "#f85149",
|
||||||
|
"__color_checks_donut_pending" : "#d29922",
|
||||||
|
"__color_checks_donut_success" : "#2ea043",
|
||||||
|
"__color_checks_donut_neutral" : "#8b949e",
|
||||||
|
"__color_checks_dropdown_text" : "#c9d1d9",
|
||||||
|
"__color_checks_dropdown_bg" : "#161b22",
|
||||||
|
"__color_checks_dropdown_border" : "#30363d",
|
||||||
|
"__color_checks_dropdown_shadow" : "rgba(1, 4, 9, 0.3)",
|
||||||
|
"__color_checks_dropdown_hover_text" : "#c9d1d9",
|
||||||
|
"__color_checks_dropdown_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_dropdown_btn_hover_text" : "#c9d1d9",
|
||||||
|
"__color_checks_dropdown_btn_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_scrollbar_thumb_bg" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_checks_header_label_text" : "#8b949e",
|
||||||
|
"__color_checks_header_label_open_text" : "#c9d1d9",
|
||||||
|
"__color_checks_header_border" : "#21262d",
|
||||||
|
"__color_checks_header_icon" : "#8b949e",
|
||||||
|
"__color_checks_line_text" : "#8b949e",
|
||||||
|
"__color_checks_line_num_text" : "#6e7681",
|
||||||
|
"__color_checks_line_timestamp_text" : "#6e7681",
|
||||||
|
"__color_checks_line_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_line_selected_bg" : "rgba(56, 139, 253, 0.15)",
|
||||||
|
"__color_checks_line_selected_num_text" : "#58a6ff",
|
||||||
|
"__color_checks_line_dt_fm_text" : "#ffffff",
|
||||||
|
"__color_checks_line_dt_fm_bg" : "#9e6a03",
|
||||||
|
"__color_checks_gate_bg" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_checks_gate_text" : "#8b949e",
|
||||||
|
"__color_checks_gate_waiting_text" : "#d29922",
|
||||||
|
"__color_checks_step_header_open_bg" : "#161b22",
|
||||||
|
"__color_checks_step_error_text" : "#f85149",
|
||||||
|
"__color_checks_step_warning_text" : "#d29922",
|
||||||
|
"__color_checks_logline_text" : "#8b949e",
|
||||||
|
"__color_checks_logline_num_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_debug_text" : "#a371f7",
|
||||||
|
"__color_checks_logline_error_text" : "#8b949e",
|
||||||
|
"__color_checks_logline_error_num_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_error_bg" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_checks_logline_warning_text" : "#8b949e",
|
||||||
|
"__color_checks_logline_warning_num_text" : "#d29922",
|
||||||
|
"__color_checks_logline_warning_bg" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_checks_logline_command_text" : "#58a6ff",
|
||||||
|
"__color_checks_logline_section_text" : "#3fb950",
|
||||||
|
"__color_checks_ans_Iblack" : "#0d1117",
|
||||||
|
"__color_checks_ans_Iblack_bright" : "#161b22",
|
||||||
|
"__color_checks_ans_Iwhite" : "#b1bac4",
|
||||||
|
"__color_checks_ans_Iwhite_bright" : "#b1bac4",
|
||||||
|
"__color_checks_ans_Igray" : "#6e7681",
|
||||||
|
"__color_checks_ans_Ired" : "#ff7b72",
|
||||||
|
"__color_checks_ans_Ired_bright" : "#ffa198",
|
||||||
|
"__color_checks_ans_Igreen" : "#3fb950",
|
||||||
|
"__color_checks_ans_Igreen_bright" : "#56d364",
|
||||||
|
"__color_checks_ans_Iyellow" : "#d29922",
|
||||||
|
"__color_checks_ans_Iyellow_bright" : "#e3b341",
|
||||||
|
"__color_checks_ans_Iblue" : "#58a6ff",
|
||||||
|
"__color_checks_ans_Iblue_bright" : "#79c0ff",
|
||||||
|
"__color_checks_ans_Imagenta" : "#bc8cff",
|
||||||
|
"__color_checks_ans_Imagenta_bright" : "#d2a8ff",
|
||||||
|
"__color_checks_ans_Icyan" : "#76e3ea",
|
||||||
|
"__color_checks_ans_Icyan_bright" : "#b3f0ff",
|
||||||
|
"__color_project_header_bg" : "#0d1117",
|
||||||
|
"__color_project_sidebar_bg" : "#161b22",
|
||||||
|
"__color_project_gradient_in" : "#161b22",
|
||||||
|
"__color_project_gradient_out" : "rgba(22, 27, 34, 0)",
|
||||||
|
"__color_mktg_btn_bg" : "#f6f8fa",
|
||||||
|
"__color_mktg_btn_shadow_outline" : "rgb(255 255 255 / 25%) 0 0 0 1px inset",
|
||||||
|
"__color_mktg_btn_shadow_focus" : "rgb(255 255 255 / 25%) 0 0 0 4px",
|
||||||
|
"__color_mktg_btn_shadow_hover" :
|
||||||
|
"0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
|
||||||
|
"__color_mktg_btn_shadow_hover_muted" : "rgb(255 255 255) 0 0 0 2px inset",
|
||||||
|
"__color_avatar_bg" : "rgba(255, 255, 255, 0.1)",
|
||||||
|
"__color_avatar_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_avatar_stack_fade" : "#30363d",
|
||||||
|
"__color_avatar_stack_fade_more" : "#21262d",
|
||||||
|
"__color_avatar_child_shadow" : "_2px _2px 0 #0d1117",
|
||||||
|
"__color_topic_tag_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_counter_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_select_menu_backdrop_border" : "#484f58",
|
||||||
|
"__color_select_menu_tap_highlight" : "rgba(48, 54, 61, 0.5)",
|
||||||
|
"__color_select_menu_tap_focus_bg" : "#0c2d6b",
|
||||||
|
"__color_overlay_shadow" : "0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85)",
|
||||||
|
"__color_header_text" : "rgba(255, 255, 255, 0.7)",
|
||||||
|
"__color_header_bg" : "#161b22",
|
||||||
|
"__color_header_divider" : "#8b949e",
|
||||||
|
"__color_header_logo" : "#f0f6fc",
|
||||||
|
"__color_header_search_bg" : "#0d1117",
|
||||||
|
"__color_header_search_border" : "#30363d",
|
||||||
|
"__color_sidenav_selected_bg" : "#21262d",
|
||||||
|
"__color_menu_bg_active" : "#161b22",
|
||||||
|
"__color_input_disabled_bg" : "rgba(110, 118, 129, 0)",
|
||||||
|
"__color_timeline_badge_bg" : "#21262d",
|
||||||
|
"__color_ans_Iblack" : "#484f58",
|
||||||
|
"__color_ans_Iblack_bright" : "#6e7681",
|
||||||
|
"__color_ans_Iwhite" : "#b1bac4",
|
||||||
|
"__color_ans_Iwhite_bright" : "#ffffff",
|
||||||
|
"__color_ans_Igray" : "#6e7681",
|
||||||
|
"__color_ans_Ired" : "#ff7b72",
|
||||||
|
"__color_ans_Ired_bright" : "#ffa198",
|
||||||
|
"__color_ans_Igreen" : "#3fb950",
|
||||||
|
"__color_ans_Igreen_bright" : "#56d364",
|
||||||
|
"__color_ans_Iyellow" : "#d29922",
|
||||||
|
"__color_ans_Iyellow_bright" : "#e3b341",
|
||||||
|
"__color_ans_Iblue" : "#58a6ff",
|
||||||
|
"__color_ans_Iblue_bright" : "#79c0ff",
|
||||||
|
"__color_ans_Imagenta" : "#bc8cff",
|
||||||
|
"__color_ans_Imagenta_bright" : "#d2a8ff",
|
||||||
|
"__color_ans_Icyan" : "#39c5cf",
|
||||||
|
"__color_ans_Icyan_bright" : "#56d4dd",
|
||||||
|
"__color_btn_text" : "#c9d1d9",
|
||||||
|
"__color_btn_bg" : "#21262d",
|
||||||
|
"__color_btn_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_hover_bg" : "#30363d",
|
||||||
|
"__color_btn_hover_border" : "#8b949e",
|
||||||
|
"__color_btn_active_bg" : "hsla(212, 12%, 18%, 1)",
|
||||||
|
"__color_btn_active_border" : "#6e7681",
|
||||||
|
"__color_btn_selected_bg" : "#161b22",
|
||||||
|
"__color_btn_focus_bg" : "#21262d",
|
||||||
|
"__color_btn_focus_border" : "#8b949e",
|
||||||
|
"__color_btn_focus_shadow" : "0 0 0 3px rgba(139, 148, 158, 0.3)",
|
||||||
|
"__color_btn_shadow_active" : "inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15)",
|
||||||
|
"__color_btn_shadow_input_focus" : "0 0 0 0.2em rgba(31, 111, 235, 0.3)",
|
||||||
|
"__color_btn_counter_bg" : "#30363d",
|
||||||
|
"__color_btn_primary_text" : "#ffffff",
|
||||||
|
"__color_btn_primary_bg" : "#238636",
|
||||||
|
"__color_btn_primary_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_hover_bg" : "#2ea043",
|
||||||
|
"__color_btn_primary_hover_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_selected_bg" : "#238636",
|
||||||
|
"__color_btn_primary_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_disabled_text" : "rgba(255, 255, 255, 0.5)",
|
||||||
|
"__color_btn_primary_disabled_bg" : "rgba(35, 134, 54, 0.6)",
|
||||||
|
"__color_btn_primary_disabled_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_focus_bg" : "#238636",
|
||||||
|
"__color_btn_primary_focus_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_focus_shadow" : "0 0 0 3px rgba(46, 164, 79, 0.4)",
|
||||||
|
"__color_btn_primary_icon" : "#ffffff",
|
||||||
|
"__color_btn_primary_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_outline_text" : "#58a6ff",
|
||||||
|
"__color_btn_outline_hover_text" : "#58a6ff",
|
||||||
|
"__color_btn_outline_hover_bg" : "#30363d",
|
||||||
|
"__color_btn_outline_hover_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_hover_shadow" : "0 1px 0 rgba(1, 4, 9, 0.1)",
|
||||||
|
"__color_btn_outline_hover_inset_shadow" :
|
||||||
|
"inset 0 1px 0 rgba(255, 255, 255, 0.03)",
|
||||||
|
"__color_btn_outline_hover_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_outline_selected_text" : "#ffffff",
|
||||||
|
"__color_btn_outline_selected_bg" : "#0d419d",
|
||||||
|
"__color_btn_outline_selected_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_outline_disabled_text" : "rgba(88, 166, 255, 0.5)",
|
||||||
|
"__color_btn_outline_disabled_bg" : "#0d1117",
|
||||||
|
"__color_btn_outline_disabled_counter_bg" : "rgba(31, 111, 235, 0.05)",
|
||||||
|
"__color_btn_outline_focus_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_focus_shadow" : "0 0 0 3px rgba(17, 88, 199, 0.4)",
|
||||||
|
"__color_btn_outline_counter_bg" : "rgba(31, 111, 235, 0.1)",
|
||||||
|
"__color_btn_danger_text" : "#f85149",
|
||||||
|
"__color_btn_danger_hover_text" : "#ffffff",
|
||||||
|
"__color_btn_danger_hover_bg" : "#da3633",
|
||||||
|
"__color_btn_danger_hover_border" : "#f85149",
|
||||||
|
"__color_btn_danger_hover_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_hover_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_hover_icon" : "#ffffff",
|
||||||
|
"__color_btn_danger_hover_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_danger_selected_text" : "#ffffff",
|
||||||
|
"__color_btn_danger_selected_bg" : "#b62324",
|
||||||
|
"__color_btn_danger_selected_border" : "#ff7b72",
|
||||||
|
"__color_btn_danger_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_disabled_text" : "rgba(248, 81, 73, 0.5)",
|
||||||
|
"__color_btn_danger_disabled_bg" : "#0d1117",
|
||||||
|
"__color_btn_danger_disabled_counter_bg" : "rgba(218, 54, 51, 0.05)",
|
||||||
|
"__color_btn_danger_focus_border" : "#f85149",
|
||||||
|
"__color_btn_danger_focus_shadow" : "0 0 0 3px rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_btn_danger_counter_bg" : "rgba(218, 54, 51, 0.1)",
|
||||||
|
"__color_btn_danger_icon" : "#f85149",
|
||||||
|
"__color_underlinenav_icon" : "#6e7681",
|
||||||
|
"__color_underlinenav_border_hover" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_action_list_item_inline_divider" : "rgba(48, 54, 61, 0.48)",
|
||||||
|
"__color_action_list_item_default_hover_bg" : "rgba(177, 186, 196, 0.12)",
|
||||||
|
"__color_action_list_item_default_hover_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_action_list_item_default_active_bg" : "rgba(177, 186, 196, 0.2)",
|
||||||
|
"__color_action_list_item_default_active_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_action_list_item_default_selected_bg" : "rgba(177, 186, 196, 0.08)",
|
||||||
|
"__color_action_list_item_danger_hover_bg" : "rgba(248, 81, 73, 0.16)",
|
||||||
|
"__color_action_list_item_danger_active_bg" : "rgba(248, 81, 73, 0.24)",
|
||||||
|
"__color_action_list_item_danger_hover_text" : "#ff7b72",
|
||||||
|
"__color_switch_track_bg" : "#010409",
|
||||||
|
"__color_switch_track_border" : "#6e7681",
|
||||||
|
"__color_switch_track_checked_bg" : "rgba(31, 111, 235, 0.35)",
|
||||||
|
"__color_switch_track_checked_hover_bg" : "rgba(31, 111, 235, 0.5)",
|
||||||
|
"__color_switch_track_checked_active_bg" : "rgba(31, 111, 235, 0.65)",
|
||||||
|
"__color_switch_track_checked_border" : "#58a6ff",
|
||||||
|
"__color_switch_knob_checked_bg" : "#1f6feb",
|
||||||
|
"__color_switch_knob_checked_disabled_bg" : "#484f58",
|
||||||
|
"__color_fg_default" : "#c9d1d9",
|
||||||
|
"__color_fg_muted" : "#8b949e",
|
||||||
|
"__color_fg_subtle" : "#6e7681",
|
||||||
|
"__color_fg_on_emphasis" : "#ffffff",
|
||||||
|
"__color_canvas_default" : "#0d1117",
|
||||||
|
"__color_canvas_overlay" : "#161b22",
|
||||||
|
"__color_canvas_inset" : "#010409",
|
||||||
|
"__color_canvas_subtle" : "#161b22",
|
||||||
|
"__color_border_default" : "#30363d",
|
||||||
|
"__color_border_muted" : "#21262d",
|
||||||
|
"__color_border_subtle" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_shadow_small" : "0 0 transparent",
|
||||||
|
"__color_shadow_medium" : "0 3px 6px #010409",
|
||||||
|
"__color_shadow_large" : "0 8px 24px #010409",
|
||||||
|
"__color_shadow_extra_large" : "0 12px 48px #010409",
|
||||||
|
"__color_neutral_emphasis_plus" : "#6e7681",
|
||||||
|
"__color_neutral_emphasis" : "#6e7681",
|
||||||
|
"__color_neutral_muted" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_neutral_subtle" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_accent_fg" : "#58a6ff",
|
||||||
|
"__color_accent_emphasis" : "#1f6feb",
|
||||||
|
"__color_accent_muted" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_accent_subtle" : "rgba(56, 139, 253, 0.15)",
|
||||||
|
"__color_success_fg" : "#3fb950",
|
||||||
|
"__color_success_emphasis" : "#238636",
|
||||||
|
"__color_success_muted" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_success_subtle" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_attention_fg" : "#d29922",
|
||||||
|
"__color_attention_emphasis" : "#9e6a03",
|
||||||
|
"__color_attention_muted" : "rgba(187, 128, 9, 0.4)",
|
||||||
|
"__color_attention_subtle" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_severe_fg" : "#db6d28",
|
||||||
|
"__color_severe_emphasis" : "#bd561d",
|
||||||
|
"__color_severe_muted" : "rgba(219, 109, 40, 0.4)",
|
||||||
|
"__color_severe_subtle" : "rgba(219, 109, 40, 0.15)",
|
||||||
|
"__color_danger_fg" : "#f85149",
|
||||||
|
"__color_danger_emphasis" : "#da3633",
|
||||||
|
"__color_danger_muted" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_danger_subtle" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_open_fg" : "#3fb950",
|
||||||
|
"__color_open_emphasis" : "#238636",
|
||||||
|
"__color_open_muted" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_open_subtle" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_closed_fg" : "#f85149",
|
||||||
|
"__color_closed_emphasis" : "#da3633",
|
||||||
|
"__color_closed_muted" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_closed_subtle" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_done_fg" : "#a371f7",
|
||||||
|
"__color_done_emphasis" : "#8957e5",
|
||||||
|
"__color_done_muted" : "rgba(163, 113, 247, 0.4)",
|
||||||
|
"__color_done_subtle" : "rgba(163, 113, 247, 0.15)",
|
||||||
|
"__color_sponsors_fg" : "#db61a2",
|
||||||
|
"__color_sponsors_emphasis" : "#bf4b8a",
|
||||||
|
"__color_sponsors_muted" : "rgba(219, 97, 162, 0.4)",
|
||||||
|
"__color_sponsors_subtle" : "rgba(219, 97, 162, 0.15)",
|
||||||
|
"__color_primer_fg_disabled" : "#484f58",
|
||||||
|
"__color_primer_canvas_backdrop" : "rgba(1, 4, 9, 0.8)",
|
||||||
|
"__color_primer_canvas_sticky" : "rgba(13, 17, 23, 0.95)",
|
||||||
|
"__color_primer_border_active" : "#F78166",
|
||||||
|
"__color_primer_border_contrast" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_primer_shadow_highlight" : "0 0 transparent",
|
||||||
|
"__color_primer_shadow_inset" : "0 0 transparent",
|
||||||
|
"__color_primer_shadow_focus" : "0 0 0 3px #0c2d6b",
|
||||||
|
"__color_scale_black" : "#010409",
|
||||||
|
"__color_scale_white" : "#ffffff",
|
||||||
|
"__color_scale_gray_0" : "#f0f6fc",
|
||||||
|
"__color_scale_gray_1" : "#c9d1d9",
|
||||||
|
"__color_scale_gray_2" : "#b1bac4",
|
||||||
|
"__color_scale_gray_3" : "#8b949e",
|
||||||
|
"__color_scale_gray_4" : "#6e7681",
|
||||||
|
"__color_scale_gray_5" : "#484f58",
|
||||||
|
"__color_scale_gray_6" : "#30363d",
|
||||||
|
"__color_scale_gray_7" : "#21262d",
|
||||||
|
"__color_scale_gray_8" : "#161b22",
|
||||||
|
"__color_scale_gray_9" : "#0d1117",
|
||||||
|
"__color_scale_blue_0" : "#cae8ff",
|
||||||
|
"__color_scale_blue_1" : "#a5d6ff",
|
||||||
|
"__color_scale_blue_2" : "#79c0ff",
|
||||||
|
"__color_scale_blue_3" : "#58a6ff",
|
||||||
|
"__color_scale_blue_4" : "#388bfd",
|
||||||
|
"__color_scale_blue_5" : "#1f6feb",
|
||||||
|
"__color_scale_blue_6" : "#1158c7",
|
||||||
|
"__color_scale_blue_7" : "#0d419d",
|
||||||
|
"__color_scale_blue_8" : "#0c2d6b",
|
||||||
|
"__color_scale_blue_9" : "#051d4d",
|
||||||
|
"__color_scale_green_0" : "#aff5b4",
|
||||||
|
"__color_scale_green_1" : "#7ee787",
|
||||||
|
"__color_scale_green_2" : "#56d364",
|
||||||
|
"__color_scale_green_3" : "#3fb950",
|
||||||
|
"__color_scale_green_4" : "#2ea043",
|
||||||
|
"__color_scale_green_5" : "#238636",
|
||||||
|
"__color_scale_green_6" : "#196c2e",
|
||||||
|
"__color_scale_green_7" : "#0f5323",
|
||||||
|
"__color_scale_green_8" : "#033a16",
|
||||||
|
"__color_scale_green_9" : "#04260f",
|
||||||
|
"__color_scale_yellow_0" : "#f8e3a1",
|
||||||
|
"__color_scale_yellow_1" : "#f2cc60",
|
||||||
|
"__color_scale_yellow_2" : "#e3b341",
|
||||||
|
"__color_scale_yellow_3" : "#d29922",
|
||||||
|
"__color_scale_yellow_4" : "#bb8009",
|
||||||
|
"__color_scale_yellow_5" : "#9e6a03",
|
||||||
|
"__color_scale_yellow_6" : "#845306",
|
||||||
|
"__color_scale_yellow_7" : "#693e00",
|
||||||
|
"__color_scale_yellow_8" : "#4b2900",
|
||||||
|
"__color_scale_yellow_9" : "#341a00",
|
||||||
|
"__color_scale_orange_0" : "#ffdfb6",
|
||||||
|
"__color_scale_orange_1" : "#ffc680",
|
||||||
|
"__color_scale_orange_2" : "#ffa657",
|
||||||
|
"__color_scale_orange_3" : "#f0883e",
|
||||||
|
"__color_scale_orange_4" : "#db6d28",
|
||||||
|
"__color_scale_orange_5" : "#bd561d",
|
||||||
|
"__color_scale_orange_6" : "#9b4215",
|
||||||
|
"__color_scale_orange_7" : "#762d0a",
|
||||||
|
"__color_scale_orange_8" : "#5a1e02",
|
||||||
|
"__color_scale_orange_9" : "#3d1300",
|
||||||
|
"__color_scale_red_0" : "#ffdcd7",
|
||||||
|
"__color_scale_red_1" : "#ffc1ba",
|
||||||
|
"__color_scale_red_2" : "#ffa198",
|
||||||
|
"__color_scale_red_3" : "#ff7b72",
|
||||||
|
"__color_scale_red_4" : "#f85149",
|
||||||
|
"__color_scale_red_5" : "#da3633",
|
||||||
|
"__color_scale_red_6" : "#b62324",
|
||||||
|
"__color_scale_red_7" : "#8e1519",
|
||||||
|
"__color_scale_red_8" : "#67060c",
|
||||||
|
"__color_scale_red_9" : "#490202",
|
||||||
|
"__color_scale_purple_0" : "#eddeff",
|
||||||
|
"__color_scale_purple_1" : "#e2c5ff",
|
||||||
|
"__color_scale_purple_2" : "#d2a8ff",
|
||||||
|
"__color_scale_purple_3" : "#bc8cff",
|
||||||
|
"__color_scale_purple_4" : "#a371f7",
|
||||||
|
"__color_scale_purple_5" : "#8957e5",
|
||||||
|
"__color_scale_purple_6" : "#6e40c9",
|
||||||
|
"__color_scale_purple_7" : "#553098",
|
||||||
|
"__color_scale_purple_8" : "#3c1e70",
|
||||||
|
"__color_scale_purple_9" : "#271052",
|
||||||
|
"__color_scale_pink_0" : "#ffdaec",
|
||||||
|
"__color_scale_pink_1" : "#ffbedd",
|
||||||
|
"__color_scale_pink_2" : "#ff9bce",
|
||||||
|
"__color_scale_pink_3" : "#f778ba",
|
||||||
|
"__color_scale_pink_4" : "#db61a2",
|
||||||
|
"__color_scale_pink_5" : "#bf4b8a",
|
||||||
|
"__color_scale_pink_6" : "#9e3670",
|
||||||
|
"__color_scale_pink_7" : "#7d2457",
|
||||||
|
"__color_scale_pink_8" : "#5e103e",
|
||||||
|
"__color_scale_pink_9" : "#42062a",
|
||||||
|
"__color_scale_coral_0" : "#FFDDD2",
|
||||||
|
"__color_scale_coral_1" : "#FFC2B2",
|
||||||
|
"__color_scale_coral_2" : "#FFA28B",
|
||||||
|
"__color_scale_coral_3" : "#F78166",
|
||||||
|
"__color_scale_coral_4" : "#EA6045",
|
||||||
|
"__color_scale_coral_5" : "#CF462D",
|
||||||
|
"__color_scale_coral_6" : "#AC3220",
|
||||||
|
"__color_scale_coral_7" : "#872012",
|
||||||
|
"__color_scale_coral_8" : "#640D04",
|
||||||
|
"__color_scale_coral_9" : "#460701",
|
||||||
|
"__color_workflow_card_header_shadow" : "rgba(27, 31, 35, 0.04)",
|
||||||
|
"__color_calendar_halloween_graph_day_L1_bg" : "#631c03",
|
||||||
|
"__color_calendar_halloween_graph_day_L2_bg" : "#bd561d",
|
||||||
|
"__color_calendar_halloween_graph_day_L3_bg" : "#fa7a18",
|
||||||
|
"__color_calendar_halloween_graph_day_L4_bg" : "#fddf68",
|
||||||
|
"__color_calendar_graph_day_border" : "rgba(27, 31, 35, 0.06)",
|
||||||
|
"__color_calendar_graph_day_bg" : "rgba(0,0,0,0.1)",
|
||||||
|
"__color_calendar_graph_day_L1_bg" : "#0e4429",
|
||||||
|
"__color_calendar_graph_day_L2_bg" : "#006d32",
|
||||||
|
"__color_calendar_graph_day_L3_bg" : "#26a641",
|
||||||
|
"__color_calendar_graph_day_L4_bg" : "#39d353",
|
||||||
|
"__color_calendar_graph_day_L1_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L2_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L3_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L4_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
};
|
||||||
|
|
||||||
|
colorSettings = Object.keys(defaultColorScheme);
|
||||||
|
|
||||||
|
// function initialize() {
|
||||||
|
console.log(`Pulling Data from Local Storage`);
|
||||||
|
colorSettings.forEach((colorSetting) => {
|
||||||
|
|
||||||
|
// replace all underscore with dash
|
||||||
|
var colorSettingVar = colorSetting.replace(/_/g, "-");
|
||||||
|
var colorSettingPersist = colorSetting;
|
||||||
|
chrome.storage.local.get([`${colorSetting}`], function(result) {
|
||||||
|
if (result[colorSetting] === undefined) {
|
||||||
|
console.log(
|
||||||
|
`Key not In Place - ${colorSettingVar}: Defaulting ${defaultColorScheme[colorSettingPersist]}`
|
||||||
|
);
|
||||||
|
var key = {};
|
||||||
|
key[`${colorSetting}`] = defaultColorScheme[colorSetting];
|
||||||
|
chrome.storage.local.set(key);
|
||||||
|
document.documentElement.style.setProperty(
|
||||||
|
`${colorSettingVar}`,
|
||||||
|
defaultColorScheme[colorSettingPersist],
|
||||||
|
"important"
|
||||||
|
);
|
||||||
|
} else; {
|
||||||
|
console.log(`Setting ${colorSettingVar}: ${result[colorSetting]}`);
|
||||||
|
document
|
||||||
|
.querySelector(":root")
|
||||||
|
.style.setProperty(`${colorSettingVar}`, `${result[colorSetting]}`, "important");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
477
public/background.js
Normal file
|
@ -0,0 +1,477 @@
|
||||||
|
defaultColorScheme = {
|
||||||
|
"__color_accent_emphasis" : "#1f6feb",
|
||||||
|
"__color_accent_fg" : "#58a6ff",
|
||||||
|
"__color_accent_muted" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_accent_subtle" : "rgba(56, 139, 253, 0.15)",
|
||||||
|
"__color_action_list_item_danger_active_bg" : "rgba(248, 81, 73, 0.24)",
|
||||||
|
"__color_action_list_item_danger_hover_bg" : "rgba(248, 81, 73, 0.16)",
|
||||||
|
"__color_action_list_item_danger_hover_text" : "#ff7b72",
|
||||||
|
"__color_action_list_item_default_active_bg" : "rgba(177, 186, 196, 0.2)",
|
||||||
|
"__color_action_list_item_default_active_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_action_list_item_default_hover_bg" : "rgba(177, 186, 196, 0.12)",
|
||||||
|
"__color_action_list_item_default_hover_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_action_list_item_default_selected_bg" : "rgba(177, 186, 196, 0.08)",
|
||||||
|
"__color_action_list_item_inline_divider" : "rgba(48, 54, 61, 0.48)",
|
||||||
|
"__color_ans_Iblack_bright" : "#6e7681",
|
||||||
|
"__color_ans_Iblack" : "#484f58",
|
||||||
|
"__color_ans_Iblue_bright" : "#79c0ff",
|
||||||
|
"__color_ans_Iblue" : "#58a6ff",
|
||||||
|
"__color_ans_Icyan_bright" : "#56d4dd",
|
||||||
|
"__color_ans_Icyan" : "#39c5cf",
|
||||||
|
"__color_ans_Igray" : "#6e7681",
|
||||||
|
"__color_ans_Igreen_bright" : "#56d364",
|
||||||
|
"__color_ans_Igreen" : "#3fb950",
|
||||||
|
"__color_ans_Imagenta_bright" : "#d2a8ff",
|
||||||
|
"__color_ans_Imagenta" : "#bc8cff",
|
||||||
|
"__color_ans_Ired_bright" : "#ffa198",
|
||||||
|
"__color_ans_Ired" : "#ff7b72",
|
||||||
|
"__color_ans_Iwhite_bright" : "#ffffff",
|
||||||
|
"__color_ans_Iwhite" : "#b1bac4",
|
||||||
|
"__color_ans_Iyellow_bright" : "#e3b341",
|
||||||
|
"__color_ans_Iyellow" : "#d29922",
|
||||||
|
"__color_attention_emphasis" : "#9e6a03",
|
||||||
|
"__color_attention_fg" : "#d29922",
|
||||||
|
"__color_attention_muted" : "rgba(187, 128, 9, 0.4)",
|
||||||
|
"__color_attention_subtle" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_avatar_bg" : "rgba(255, 255, 255, 0.1)",
|
||||||
|
"__color_avatar_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_avatar_child_shadow" : "_2px _2px 0 #0d1117",
|
||||||
|
"__color_avatar_stack_fade_more" : "#21262d",
|
||||||
|
"__color_avatar_stack_fade" : "#30363d",
|
||||||
|
"__color_border_default" : "#30363d",
|
||||||
|
"__color_border_muted" : "#21262d",
|
||||||
|
"__color_border_subtle" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_active_bg" : "hsla(212, 12%, 18%, 1)",
|
||||||
|
"__color_btn_active_border" : "#6e7681",
|
||||||
|
"__color_btn_bg" : "#21262d",
|
||||||
|
"__color_btn_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_counter_bg" : "#30363d",
|
||||||
|
"__color_btn_danger_counter_bg" : "rgba(218, 54, 51, 0.1)",
|
||||||
|
"__color_btn_danger_disabled_bg" : "#0d1117",
|
||||||
|
"__color_btn_danger_disabled_counter_bg" : "rgba(218, 54, 51, 0.05)",
|
||||||
|
"__color_btn_danger_disabled_text" : "rgba(248, 81, 73, 0.5)",
|
||||||
|
"__color_btn_danger_focus_border" : "#f85149",
|
||||||
|
"__color_btn_danger_focus_shadow" : "0 0 0 3px rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_btn_danger_hover_bg" : "#da3633",
|
||||||
|
"__color_btn_danger_hover_border" : "#f85149",
|
||||||
|
"__color_btn_danger_hover_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_danger_hover_icon" : "#ffffff",
|
||||||
|
"__color_btn_danger_hover_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_hover_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_hover_text" : "#ffffff",
|
||||||
|
"__color_btn_danger_icon" : "#f85149",
|
||||||
|
"__color_btn_danger_selected_bg" : "#b62324",
|
||||||
|
"__color_btn_danger_selected_border" : "#ff7b72",
|
||||||
|
"__color_btn_danger_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_selected_text" : "#ffffff",
|
||||||
|
"__color_btn_danger_text" : "#f85149",
|
||||||
|
"__color_btn_focus_bg" : "#21262d",
|
||||||
|
"__color_btn_focus_border" : "#8b949e",
|
||||||
|
"__color_btn_focus_shadow" : "0 0 0 3px rgba(139, 148, 158, 0.3)",
|
||||||
|
"__color_btn_hover_bg" : "#30363d",
|
||||||
|
"__color_btn_hover_border" : "#8b949e",
|
||||||
|
"__color_btn_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_outline_counter_bg" : "rgba(31, 111, 235, 0.1)",
|
||||||
|
"__color_btn_outline_disabled_bg" : "#0d1117",
|
||||||
|
"__color_btn_outline_disabled_counter_bg" : "rgba(31, 111, 235, 0.05)",
|
||||||
|
"__color_btn_outline_disabled_text" : "rgba(88, 166, 255, 0.5)",
|
||||||
|
"__color_btn_outline_focus_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_focus_shadow" : "0 0 0 3px rgba(17, 88, 199, 0.4)",
|
||||||
|
"__color_btn_outline_hover_bg" : "#30363d",
|
||||||
|
"__color_btn_outline_hover_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_hover_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_outline_hover_inset_shadow" : "inset 0 1px 0 rgba(255, 255, 255, 0.03)",
|
||||||
|
"__color_btn_outline_hover_shadow" : "0 1px 0 rgba(1, 4, 9, 0.1)",
|
||||||
|
"__color_btn_outline_hover_text" : "#58a6ff",
|
||||||
|
"__color_btn_outline_selected_bg" : "#0d419d",
|
||||||
|
"__color_btn_outline_selected_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_outline_selected_text" : "#ffffff",
|
||||||
|
"__color_btn_outline_text" : "#58a6ff",
|
||||||
|
"__color_btn_primary_bg" : "#238636",
|
||||||
|
"__color_btn_primary_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_primary_disabled_bg" : "rgba(35, 134, 54, 0.6)",
|
||||||
|
"__color_btn_primary_disabled_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_disabled_text" : "rgba(255, 255, 255, 0.5)",
|
||||||
|
"__color_btn_primary_focus_bg" : "#238636",
|
||||||
|
"__color_btn_primary_focus_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_focus_shadow" : "0 0 0 3px rgba(46, 164, 79, 0.4)",
|
||||||
|
"__color_btn_primary_hover_bg" : "#2ea043",
|
||||||
|
"__color_btn_primary_hover_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_icon" : "#ffffff",
|
||||||
|
"__color_btn_primary_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_selected_bg" : "#238636",
|
||||||
|
"__color_btn_primary_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_text" : "#ffffff",
|
||||||
|
"__color_btn_selected_bg" : "#161b22",
|
||||||
|
"__color_btn_shadow_active" : "inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15)",
|
||||||
|
"__color_btn_shadow_input_focus" : "0 0 0 0.2em rgba(31, 111, 235, 0.3)",
|
||||||
|
"__color_btn_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_text" : "#c9d1d9",
|
||||||
|
"__color_calendar_graph_day_bg" : "rgba(0,0,0,0.1)",
|
||||||
|
"__color_calendar_graph_day_border" : "rgba(27, 31, 35, 0.06)",
|
||||||
|
"__color_calendar_graph_day_L1_bg" : "#0e4429",
|
||||||
|
"__color_calendar_graph_day_L1_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L2_bg" : "#006d32",
|
||||||
|
"__color_calendar_graph_day_L2_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L3_bg" : "#26a641",
|
||||||
|
"__color_calendar_graph_day_L3_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L4_bg" : "#39d353",
|
||||||
|
"__color_calendar_graph_day_L4_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_halloween_graph_day_L1_bg" : "#631c03",
|
||||||
|
"__color_calendar_halloween_graph_day_L2_bg" : "#bd561d",
|
||||||
|
"__color_calendar_halloween_graph_day_L3_bg" : "#fa7a18",
|
||||||
|
"__color_calendar_halloween_graph_day_L4_bg" : "#fddf68",
|
||||||
|
"__color_canvas_default_transparent" : "rgba(13, 17, 23, 0)",
|
||||||
|
"__color_canvas_default" : "#0d1117",
|
||||||
|
"__color_canvas_inset" : "#010409",
|
||||||
|
"__color_canvas_overlay" : "#161b22",
|
||||||
|
"__color_canvas_subtle" : "#161b22",
|
||||||
|
"__color_checks_ans_Iblack_bright" : "#161b22",
|
||||||
|
"__color_checks_ans_Iblack" : "#0d1117",
|
||||||
|
"__color_checks_ans_Iblue_bright" : "#79c0ff",
|
||||||
|
"__color_checks_ans_Iblue" : "#58a6ff",
|
||||||
|
"__color_checks_ans_Icyan_bright" : "#b3f0ff",
|
||||||
|
"__color_checks_ans_Icyan" : "#76e3ea",
|
||||||
|
"__color_checks_ans_Igray" : "#6e7681",
|
||||||
|
"__color_checks_ans_Igreen_bright" : "#56d364",
|
||||||
|
"__color_checks_ans_Igreen" : "#3fb950",
|
||||||
|
"__color_checks_ans_Imagenta_bright" : "#d2a8ff",
|
||||||
|
"__color_checks_ans_Imagenta" : "#bc8cff",
|
||||||
|
"__color_checks_ans_Ired_bright" : "#ffa198",
|
||||||
|
"__color_checks_ans_Ired" : "#ff7b72",
|
||||||
|
"__color_checks_ans_Iwhite_bright" : "#b1bac4",
|
||||||
|
"__color_checks_ans_Iwhite" : "#b1bac4",
|
||||||
|
"__color_checks_ans_Iyellow_bright" : "#e3b341",
|
||||||
|
"__color_checks_ans_Iyellow" : "#d29922",
|
||||||
|
"__color_checks_bg" : "#010409",
|
||||||
|
"__color_checks_btn_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_btn_hover_icon" : "#c9d1d9",
|
||||||
|
"__color_checks_btn_icon" : "#8b949e",
|
||||||
|
"__color_checks_container_border_width" : "1px",
|
||||||
|
"__color_checks_donut_error" : "#f85149",
|
||||||
|
"__color_checks_donut_neutral" : "#8b949e",
|
||||||
|
"__color_checks_donut_pending" : "#d29922",
|
||||||
|
"__color_checks_donut_success" : "#2ea043",
|
||||||
|
"__color_checks_dropdown_bg" : "#161b22",
|
||||||
|
"__color_checks_dropdown_border" : "#30363d",
|
||||||
|
"__color_checks_dropdown_btn_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_dropdown_btn_hover_text" : "#c9d1d9",
|
||||||
|
"__color_checks_dropdown_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_dropdown_hover_text" : "#c9d1d9",
|
||||||
|
"__color_checks_dropdown_shadow" : "rgba(1, 4, 9, 0.3)",
|
||||||
|
"__color_checks_dropdown_text" : "#c9d1d9",
|
||||||
|
"__color_checks_gate_bg" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_checks_gate_text" : "#8b949e",
|
||||||
|
"__color_checks_gate_waiting_text" : "#d29922",
|
||||||
|
"__color_checks_header_border" : "#21262d",
|
||||||
|
"__color_checks_header_icon" : "#8b949e",
|
||||||
|
"__color_checks_header_label_open_text" : "#c9d1d9",
|
||||||
|
"__color_checks_header_label_text" : "#8b949e",
|
||||||
|
"__color_checks_input_bg" : "#161b22",
|
||||||
|
"__color_checks_input_focus_text" : "#c9d1d9",
|
||||||
|
"__color_checks_input_placeholder_text" : "#6e7681",
|
||||||
|
"__color_checks_input_shadow" : "0 0 0 1px (obj) => get_1.default(obj, path)",
|
||||||
|
"__color_checks_input_text" : "#8b949e",
|
||||||
|
"__color_checks_line_dt_fm_bg" : "#9e6a03",
|
||||||
|
"__color_checks_line_dt_fm_text" : "#ffffff",
|
||||||
|
"__color_checks_line_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_line_num_text" : "#6e7681",
|
||||||
|
"__color_checks_line_selected_bg" : "rgba(56, 139, 253, 0.15)",
|
||||||
|
"__color_checks_line_selected_num_text" : "#58a6ff",
|
||||||
|
"__color_checks_line_text" : "#8b949e",
|
||||||
|
"__color_checks_line_timestamp_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_command_text" : "#58a6ff",
|
||||||
|
"__color_checks_logline_debug_text" : "#a371f7",
|
||||||
|
"__color_checks_logline_error_bg" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_checks_logline_error_num_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_error_text" : "#8b949e",
|
||||||
|
"__color_checks_logline_num_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_section_text" : "#3fb950",
|
||||||
|
"__color_checks_logline_text" : "#8b949e",
|
||||||
|
"__color_checks_logline_warning_bg" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_checks_logline_warning_num_text" : "#d29922",
|
||||||
|
"__color_checks_logline_warning_text" : "#8b949e",
|
||||||
|
"__color_checks_run_border_width" : "1px",
|
||||||
|
"__color_checks_scrollbar_thumb_bg" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_checks_step_error_text" : "#f85149",
|
||||||
|
"__color_checks_step_header_open_bg" : "#161b22",
|
||||||
|
"__color_checks_step_warning_text" : "#d29922",
|
||||||
|
"__color_checks_text_link" : "#58a6ff",
|
||||||
|
"__color_checks_text_primary" : "#c9d1d9",
|
||||||
|
"__color_checks_text_secondary" : "#8b949e",
|
||||||
|
"__color_closed_emphasis" : "#da3633",
|
||||||
|
"__color_closed_fg" : "#f85149",
|
||||||
|
"__color_closed_muted" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_closed_subtle" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_codemirror_activeline_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_codemirror_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_cursor" : "#c9d1d9",
|
||||||
|
"__color_codemirror_guttermarker_subtle_text" : "#6e7681",
|
||||||
|
"__color_codemirror_guttermarker_text" : "#0d1117",
|
||||||
|
"__color_codemirror_gutters_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_linenumber_text" : "#8b949e",
|
||||||
|
"__color_codemirror_lines_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_matchingbracket_text" : "#c9d1d9",
|
||||||
|
"__color_codemirror_selection_bg" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_codemirror_syntax_comment" : "#8b949e",
|
||||||
|
"__color_codemirror_syntax_constant" : "#79c0ff",
|
||||||
|
"__color_codemirror_syntax_entity" : "#d2a8ff",
|
||||||
|
"__color_codemirror_syntax_keyword" : "#ff7b72",
|
||||||
|
"__color_codemirror_syntax_storage" : "#ff7b72",
|
||||||
|
"__color_codemirror_syntax_string" : "#a5d6ff",
|
||||||
|
"__color_codemirror_syntax_support" : "#79c0ff",
|
||||||
|
"__color_codemirror_syntax_variable" : "#ffa657",
|
||||||
|
"__color_codemirror_text" : "#c9d1d9",
|
||||||
|
"__color_counter_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_danger_emphasis" : "#da3633",
|
||||||
|
"__color_danger_fg" : "#f85149",
|
||||||
|
"__color_danger_muted" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_danger_subtle" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_diff_blob_addition_fg" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_addition_line_bg" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_diff_blob_addition_num_bg" : "rgba(63, 185, 80, 0.3)",
|
||||||
|
"__color_diff_blob_addition_num_text" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_addition_word_bg" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_diff_blob_deletion_fg" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_deletion_line_bg" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_diff_blob_deletion_num_bg" : "rgba(248, 81, 73, 0.3)",
|
||||||
|
"__color_diff_blob_deletion_num_text" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_deletion_word_bg" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_diff_blob_expander_icon" : "#8b949e",
|
||||||
|
"__color_diff_blob_hunk_num_bg" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_diff_blob_selected_line_highlight_mix_blend_mode" : "screen",
|
||||||
|
"__color_diffstat_addition_bg" : "#3fb950",
|
||||||
|
"__color_diffstat_addition_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_diffstat_deletion_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_done_emphasis" : "#8957e5",
|
||||||
|
"__color_done_fg" : "#a371f7",
|
||||||
|
"__color_done_muted" : "rgba(163, 113, 247, 0.4)",
|
||||||
|
"__color_done_subtle" : "rgba(163, 113, 247, 0.15)",
|
||||||
|
"__color_fg_default" : "#c9d1d9",
|
||||||
|
"__color_fg_muted" : "#8b949e",
|
||||||
|
"__color_fg_on_emphasis" : "#ffffff",
|
||||||
|
"__color_fg_subtle" : "#6e7681",
|
||||||
|
"__color_header_bg" : "#161b22",
|
||||||
|
"__color_header_divider" : "#8b949e",
|
||||||
|
"__color_header_logo" : "#f0f6fc",
|
||||||
|
"__color_header_search_bg" : "#0d1117",
|
||||||
|
"__color_header_search_border" : "#30363d",
|
||||||
|
"__color_header_text" : "rgba(255, 255, 255, 0.7)",
|
||||||
|
"__color_input_disabled_bg" : "rgba(110, 118, 129, 0)",
|
||||||
|
"__color_marketing_icon_primary" : "#79c0ff",
|
||||||
|
"__color_marketing_icon_secondary" : "#1f6feb",
|
||||||
|
"__color_menu_bg_active" : "#161b22",
|
||||||
|
"__color_mktg_btn_bg" : "#f6f8fa",
|
||||||
|
"__color_mktg_btn_shadow_focus" : "rgb(255 255 255 / 25%) 0 0 0 4px",
|
||||||
|
"__color_mktg_btn_shadow_hover_muted" : "rgb(255 255 255) 0 0 0 2px inset",
|
||||||
|
"__color_mktg_btn_shadow_hover" : "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
|
||||||
|
"__color_mktg_btn_shadow_outline" : "rgb(255 255 255 / 25%) 0 0 0 1px inset",
|
||||||
|
"__color_neutral_emphasis_plus" : "#6e7681",
|
||||||
|
"__color_neutral_emphasis" : "#6e7681",
|
||||||
|
"__color_neutral_muted" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_neutral_subtle" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_open_emphasis" : "#238636",
|
||||||
|
"__color_open_fg" : "#3fb950",
|
||||||
|
"__color_open_muted" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_open_subtle" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_overlay_shadow" : "0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85)",
|
||||||
|
"__color_page_header_bg" : "#0d1117",
|
||||||
|
"__color_prettylights_syntax_brackethighlighter_angle" : "#8b949e",
|
||||||
|
"__color_prettylights_syntax_brackethighlighter_unmatched" : "#f85149",
|
||||||
|
"__color_prettylights_syntax_carriage_return_bg" : "#b62324",
|
||||||
|
"__color_prettylights_syntax_carriage_return_text" : "#f0f6fc",
|
||||||
|
"__color_prettylights_syntax_comment" : "#8b949e",
|
||||||
|
"__color_prettylights_syntax_constant_other_reference_link" : "#a5d6ff",
|
||||||
|
"__color_prettylights_syntax_constant" : "#79c0ff",
|
||||||
|
"__color_prettylights_syntax_entity_tag" : "#7ee787",
|
||||||
|
"__color_prettylights_syntax_entity" : "#d2a8ff",
|
||||||
|
"__color_prettylights_syntax_invalid_illegal_bg" : "#8e1519",
|
||||||
|
"__color_prettylights_syntax_invalid_illegal_text" : "#f0f6fc",
|
||||||
|
"__color_prettylights_syntax_keyword" : "#ff7b72",
|
||||||
|
"__color_prettylights_syntax_markup_bold" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_changed_bg" : "#5a1e02",
|
||||||
|
"__color_prettylights_syntax_markup_changed_text" : "#ffdfb6",
|
||||||
|
"__color_prettylights_syntax_markup_deleted_bg" : "#67060c",
|
||||||
|
"__color_prettylights_syntax_markup_deleted_text" : "#ffdcd7",
|
||||||
|
"__color_prettylights_syntax_markup_heading" : "#1f6feb",
|
||||||
|
"__color_prettylights_syntax_markup_ignored_bg" : "#1158c7",
|
||||||
|
"__color_prettylights_syntax_markup_ignored_text" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_inserted_bg" : "#033a16",
|
||||||
|
"__color_prettylights_syntax_markup_inserted_text" : "#aff5b4",
|
||||||
|
"__color_prettylights_syntax_markup_italic" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_list" : "#f2cc60",
|
||||||
|
"__color_prettylights_syntax_meta_diff_range" : "#d2a8ff",
|
||||||
|
"__color_prettylights_syntax_storage_modifier_import" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_string_regexp" : "#7ee787",
|
||||||
|
"__color_prettylights_syntax_string" : "#a5d6ff",
|
||||||
|
"__color_prettylights_syntax_sublimelinter_gutter_mark" : "#484f58",
|
||||||
|
"__color_prettylights_syntax_variable" : "#ffa657",
|
||||||
|
"__color_primer_border_active" : "#F78166",
|
||||||
|
"__color_primer_border_contrast" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_primer_canvas_backdrop" : "rgba(1, 4, 9, 0.8)",
|
||||||
|
"__color_primer_canvas_sticky" : "rgba(13, 17, 23, 0.95)",
|
||||||
|
"__color_primer_fg_disabled" : "#484f58",
|
||||||
|
"__color_primer_shadow_focus" : "0 0 0 3px #0c2d6b",
|
||||||
|
"__color_primer_shadow_highlight" : "0 0 transparent",
|
||||||
|
"__color_primer_shadow_inset" : "0 0 transparent",
|
||||||
|
"__color_project_gradient_in" : "#161b22",
|
||||||
|
"__color_project_gradient_out" : "rgba(22, 27, 34, 0)",
|
||||||
|
"__color_project_header_bg" : "#0d1117",
|
||||||
|
"__color_project_sidebar_bg" : "#161b22",
|
||||||
|
"__color_scale_black" : "#010409",
|
||||||
|
"__color_scale_blue_0" : "#cae8ff",
|
||||||
|
"__color_scale_blue_1" : "#a5d6ff",
|
||||||
|
"__color_scale_blue_2" : "#79c0ff",
|
||||||
|
"__color_scale_blue_3" : "#58a6ff",
|
||||||
|
"__color_scale_blue_4" : "#388bfd",
|
||||||
|
"__color_scale_blue_5" : "#1f6feb",
|
||||||
|
"__color_scale_blue_6" : "#1158c7",
|
||||||
|
"__color_scale_blue_7" : "#0d419d",
|
||||||
|
"__color_scale_blue_8" : "#0c2d6b",
|
||||||
|
"__color_scale_blue_9" : "#051d4d",
|
||||||
|
"__color_scale_coral_0" : "#FFDDD2",
|
||||||
|
"__color_scale_coral_1" : "#FFC2B2",
|
||||||
|
"__color_scale_coral_2" : "#FFA28B",
|
||||||
|
"__color_scale_coral_3" : "#F78166",
|
||||||
|
"__color_scale_coral_4" : "#EA6045",
|
||||||
|
"__color_scale_coral_5" : "#CF462D",
|
||||||
|
"__color_scale_coral_6" : "#AC3220",
|
||||||
|
"__color_scale_coral_7" : "#872012",
|
||||||
|
"__color_scale_coral_8" : "#640D04",
|
||||||
|
"__color_scale_coral_9" : "#460701",
|
||||||
|
"__color_scale_gray_0" : "#f0f6fc",
|
||||||
|
"__color_scale_gray_1" : "#c9d1d9",
|
||||||
|
"__color_scale_gray_2" : "#b1bac4",
|
||||||
|
"__color_scale_gray_3" : "#8b949e",
|
||||||
|
"__color_scale_gray_4" : "#6e7681",
|
||||||
|
"__color_scale_gray_5" : "#484f58",
|
||||||
|
"__color_scale_gray_6" : "#30363d",
|
||||||
|
"__color_scale_gray_7" : "#21262d",
|
||||||
|
"__color_scale_gray_8" : "#161b22",
|
||||||
|
"__color_scale_gray_9" : "#0d1117",
|
||||||
|
"__color_scale_green_0" : "#aff5b4",
|
||||||
|
"__color_scale_green_1" : "#7ee787",
|
||||||
|
"__color_scale_green_2" : "#56d364",
|
||||||
|
"__color_scale_green_3" : "#3fb950",
|
||||||
|
"__color_scale_green_4" : "#2ea043",
|
||||||
|
"__color_scale_green_5" : "#238636",
|
||||||
|
"__color_scale_green_6" : "#196c2e",
|
||||||
|
"__color_scale_green_7" : "#0f5323",
|
||||||
|
"__color_scale_green_8" : "#033a16",
|
||||||
|
"__color_scale_green_9" : "#04260f",
|
||||||
|
"__color_scale_orange_0" : "#ffdfb6",
|
||||||
|
"__color_scale_orange_1" : "#ffc680",
|
||||||
|
"__color_scale_orange_2" : "#ffa657",
|
||||||
|
"__color_scale_orange_3" : "#f0883e",
|
||||||
|
"__color_scale_orange_4" : "#db6d28",
|
||||||
|
"__color_scale_orange_5" : "#bd561d",
|
||||||
|
"__color_scale_orange_6" : "#9b4215",
|
||||||
|
"__color_scale_orange_7" : "#762d0a",
|
||||||
|
"__color_scale_orange_8" : "#5a1e02",
|
||||||
|
"__color_scale_orange_9" : "#3d1300",
|
||||||
|
"__color_scale_pink_0" : "#ffdaec",
|
||||||
|
"__color_scale_pink_1" : "#ffbedd",
|
||||||
|
"__color_scale_pink_2" : "#ff9bce",
|
||||||
|
"__color_scale_pink_3" : "#f778ba",
|
||||||
|
"__color_scale_pink_4" : "#db61a2",
|
||||||
|
"__color_scale_pink_5" : "#bf4b8a",
|
||||||
|
"__color_scale_pink_6" : "#9e3670",
|
||||||
|
"__color_scale_pink_7" : "#7d2457",
|
||||||
|
"__color_scale_pink_8" : "#5e103e",
|
||||||
|
"__color_scale_pink_9" : "#42062a",
|
||||||
|
"__color_scale_purple_0" : "#eddeff",
|
||||||
|
"__color_scale_purple_1" : "#e2c5ff",
|
||||||
|
"__color_scale_purple_2" : "#d2a8ff",
|
||||||
|
"__color_scale_purple_3" : "#bc8cff",
|
||||||
|
"__color_scale_purple_4" : "#a371f7",
|
||||||
|
"__color_scale_purple_5" : "#8957e5",
|
||||||
|
"__color_scale_purple_6" : "#6e40c9",
|
||||||
|
"__color_scale_purple_7" : "#553098",
|
||||||
|
"__color_scale_purple_8" : "#3c1e70",
|
||||||
|
"__color_scale_purple_9" : "#271052",
|
||||||
|
"__color_scale_red_0" : "#ffdcd7",
|
||||||
|
"__color_scale_red_1" : "#ffc1ba",
|
||||||
|
"__color_scale_red_2" : "#ffa198",
|
||||||
|
"__color_scale_red_3" : "#ff7b72",
|
||||||
|
"__color_scale_red_4" : "#f85149",
|
||||||
|
"__color_scale_red_5" : "#da3633",
|
||||||
|
"__color_scale_red_6" : "#b62324",
|
||||||
|
"__color_scale_red_7" : "#8e1519",
|
||||||
|
"__color_scale_red_8" : "#67060c",
|
||||||
|
"__color_scale_red_9" : "#490202",
|
||||||
|
"__color_scale_white" : "#ffffff",
|
||||||
|
"__color_scale_yellow_0" : "#f8e3a1",
|
||||||
|
"__color_scale_yellow_1" : "#f2cc60",
|
||||||
|
"__color_scale_yellow_2" : "#e3b341",
|
||||||
|
"__color_scale_yellow_3" : "#d29922",
|
||||||
|
"__color_scale_yellow_4" : "#bb8009",
|
||||||
|
"__color_scale_yellow_5" : "#9e6a03",
|
||||||
|
"__color_scale_yellow_6" : "#845306",
|
||||||
|
"__color_scale_yellow_7" : "#693e00",
|
||||||
|
"__color_scale_yellow_8" : "#4b2900",
|
||||||
|
"__color_scale_yellow_9" : "#341a00",
|
||||||
|
"__color_search_keyword_hl" : "rgba(210, 153, 34, 0.4)",
|
||||||
|
"__color_select_menu_backdrop_border" : "#484f58",
|
||||||
|
"__color_select_menu_tap_focus_bg" : "#0c2d6b",
|
||||||
|
"__color_select_menu_tap_highlight" : "rgba(48, 54, 61, 0.5)",
|
||||||
|
"__color_severe_emphasis" : "#bd561d",
|
||||||
|
"__color_severe_fg" : "#db6d28",
|
||||||
|
"__color_severe_muted" : "rgba(219, 109, 40, 0.4)",
|
||||||
|
"__color_severe_subtle" : "rgba(219, 109, 40, 0.15)",
|
||||||
|
"__color_shadow_extra_large" : "0 12px 48px #010409",
|
||||||
|
"__color_shadow_large" : "0 8px 24px #010409",
|
||||||
|
"__color_shadow_medium" : "0 3px 6px #010409",
|
||||||
|
"__color_shadow_small" : "0 0 transparent",
|
||||||
|
"__color_sidenav_selected_bg" : "#21262d",
|
||||||
|
"__color_sponsors_emphasis" : "#bf4b8a",
|
||||||
|
"__color_sponsors_fg" : "#db61a2",
|
||||||
|
"__color_sponsors_muted" : "rgba(219, 97, 162, 0.4)",
|
||||||
|
"__color_sponsors_subtle" : "rgba(219, 97, 162, 0.15)",
|
||||||
|
"__color_success_emphasis" : "#238636",
|
||||||
|
"__color_success_fg" : "#3fb950",
|
||||||
|
"__color_success_muted" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_success_subtle" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_switch_knob_checked_bg" : "#1f6feb",
|
||||||
|
"__color_switch_knob_checked_disabled_bg" : "#484f58",
|
||||||
|
"__color_switch_track_bg" : "#010409",
|
||||||
|
"__color_switch_track_border" : "#6e7681",
|
||||||
|
"__color_switch_track_checked_active_bg" : "rgba(31, 111, 235, 0.65)",
|
||||||
|
"__color_switch_track_checked_bg" : "rgba(31, 111, 235, 0.35)",
|
||||||
|
"__color_switch_track_checked_border" : "#58a6ff",
|
||||||
|
"__color_switch_track_checked_hover_bg" : "rgba(31, 111, 235, 0.5)",
|
||||||
|
"__color_timeline_badge_bg" : "#21262d",
|
||||||
|
"__color_topic_tag_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_underlinenav_border_hover" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_underlinenav_icon" : "#6e7681",
|
||||||
|
"__color_workflow_card_header_shadow" : "rgba(27, 31, 35, 0.04)"
|
||||||
|
};
|
||||||
|
|
||||||
|
initialSettings = Object.keys(defaultColorScheme);
|
||||||
|
|
||||||
|
const filter = {
|
||||||
|
url: [{
|
||||||
|
urlMatches: 'https://*.github.com/*',
|
||||||
|
}, ],
|
||||||
|
};
|
||||||
|
|
||||||
|
// loop through all the keys in the defaultColorScheme object
|
||||||
|
// and set the value of the key to the value of the key in the defaultColorScheme object
|
||||||
|
chrome.runtime.onInstalled.addListener(() => {
|
||||||
|
initialSettings.forEach((initialSetting) => {
|
||||||
|
var key = {};
|
||||||
|
key[`${initialSetting}`] = defaultColorScheme[initialSetting];
|
||||||
|
chrome.storage.local.set(key);
|
||||||
|
console.log("Setup: Configuring " + initialSetting + " >> " + defaultColorScheme[initialSetting]);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
|
||||||
|
chrome.scripting.executeScript({
|
||||||
|
target: { tabId: tabId },
|
||||||
|
files: ['initial.js']
|
||||||
|
}, () => chrome.runtime.lastError);
|
||||||
|
});
|
||||||
|
|
BIN
public/favicon.ico
Normal file
After Width: | Height: | Size: 3.8 KiB |
43
public/index.html
Normal file
|
@ -0,0 +1,43 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="theme-color" content="#000000" />
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Web site created using create-react-app"
|
||||||
|
/>
|
||||||
|
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
||||||
|
<!--
|
||||||
|
manifest.json provides metadata used when your web app is installed on a
|
||||||
|
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
||||||
|
-->
|
||||||
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||||
|
<!--
|
||||||
|
Notice the use of %PUBLIC_URL% in the tags above.
|
||||||
|
It will be replaced with the URL of the `public` folder during the build.
|
||||||
|
Only files inside the `public` folder can be referenced from the HTML.
|
||||||
|
|
||||||
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
||||||
|
work correctly both with client-side routing and a non-root public URL.
|
||||||
|
Learn how to configure a non-root public URL by running `npm run build`.
|
||||||
|
-->
|
||||||
|
<title>React App</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
|
<div id="root"></div>
|
||||||
|
<!--
|
||||||
|
This HTML file is a template.
|
||||||
|
If you open it directly in the browser, you will see an empty page.
|
||||||
|
|
||||||
|
You can add webfonts, meta tags, or analytics to this file.
|
||||||
|
The build step will place the bundled scripts into the <body> tag.
|
||||||
|
|
||||||
|
To begin the development, run `npm start` or `yarn start`.
|
||||||
|
To create a production bundle, use `npm run build` or `yarn build`.
|
||||||
|
-->
|
||||||
|
</body>
|
||||||
|
</html>
|
56
public/manifest.json
Normal file
|
@ -0,0 +1,56 @@
|
||||||
|
{
|
||||||
|
"manifest_version": 3,
|
||||||
|
"name": "Pint for GitHub",
|
||||||
|
"version": "2.0",
|
||||||
|
|
||||||
|
"icons": {
|
||||||
|
"16": "pint-logo.png",
|
||||||
|
"48": "pint-logo.png",
|
||||||
|
"128": "pint-logo.png"
|
||||||
|
},
|
||||||
|
|
||||||
|
"action": {
|
||||||
|
"default_icon": {
|
||||||
|
"16": "pint-logo.png",
|
||||||
|
"24": "pint-logo.png",
|
||||||
|
"32": "pint-logo.png"
|
||||||
|
},
|
||||||
|
"default_title": "Pint for GitHub",
|
||||||
|
"default_popup": "index.html"
|
||||||
|
},
|
||||||
|
|
||||||
|
"description": "pint is a browser extension that makes your github experience colorful, just the way you like it",
|
||||||
|
|
||||||
|
"author": {
|
||||||
|
"name": "Jariel Que",
|
||||||
|
"url": "https://github.com/fuwaa"
|
||||||
|
},
|
||||||
|
|
||||||
|
"host_permissions": ["https://*.github.com/"],
|
||||||
|
|
||||||
|
"content_scripts": [
|
||||||
|
{
|
||||||
|
"run_at": "document_start",
|
||||||
|
"matches": ["https://*.github.com/*"],
|
||||||
|
"css": ["pint-css.css"],
|
||||||
|
"js": ["initial.js"]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"run_at": "document_end",
|
||||||
|
"matches": ["https://*.github.com/*"],
|
||||||
|
"js": ["initial.js"],
|
||||||
|
"css": ["unhide.css"]
|
||||||
|
},{
|
||||||
|
"run_at": "document_idle",
|
||||||
|
"matches": ["https://*.github.com/*"],
|
||||||
|
"js": ["initial.js"]
|
||||||
|
}
|
||||||
|
|
||||||
|
],
|
||||||
|
|
||||||
|
"permissions": ["storage", "scripting"],
|
||||||
|
"background": {
|
||||||
|
"service_worker": "background.js"
|
||||||
|
},
|
||||||
|
"options_page": "index.html"
|
||||||
|
}
|
6
public/onload.js
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
var link = document.createElement('link');
|
||||||
|
link.href = chrome.extension.getURL('pint-css.css');
|
||||||
|
link.type = 'text/css';
|
||||||
|
link.rel = 'stylesheet';
|
||||||
|
link.media = 'all';
|
||||||
|
document.getElementsByTagName('head')[0].appendChild(link);
|
477
public/pint-css.css
Normal file
|
@ -0,0 +1,477 @@
|
||||||
|
[data-color-mode=light][data-light-theme=dark], [data-color-mode=dark][data-dark-theme=dark] {
|
||||||
|
--color-canvas-default-transparent: initial !important;
|
||||||
|
--color-page-header-bg: initial !important;
|
||||||
|
--color-marketing-icon-primary: initial !important;
|
||||||
|
--color-marketing-icon-secondary: initial !important;
|
||||||
|
--color-diff-blob-addition-num-text: initial !important;
|
||||||
|
--color-diff-blob-addition-fg: initial !important;
|
||||||
|
--color-diff-blob-addition-num-bg: initial !important;
|
||||||
|
--color-diff-blob-addition-line-bg: initial !important;
|
||||||
|
--color-diff-blob-addition-word-bg: initial !important;
|
||||||
|
--color-diff-blob-deletion-num-text: initial !important;
|
||||||
|
--color-diff-blob-deletion-fg: initial !important;
|
||||||
|
--color-diff-blob-deletion-num-bg: initial !important;
|
||||||
|
--color-diff-blob-deletion-line-bg: initial !important;
|
||||||
|
--color-diff-blob-deletion-word-bg: initial !important;
|
||||||
|
--color-diff-blob-hunk-num-bg: initial !important;
|
||||||
|
--color-diff-blob-expander-icon: initial !important;
|
||||||
|
--color-diff-blob-selected-line-highlight-mix-blend-mode: initial !important;
|
||||||
|
--color-diffstat-deletion-border: initial !important;
|
||||||
|
--color-diffstat-addition-border: initial !important;
|
||||||
|
--color-diffstat-addition-bg: initial !important;
|
||||||
|
--color-search-keyword-hl: initial !important;
|
||||||
|
--color-prettylights-syntax-comment: initial !important;
|
||||||
|
--color-prettylights-syntax-constant: initial !important;
|
||||||
|
--color-prettylights-syntax-entity: initial !important;
|
||||||
|
--color-prettylights-syntax-storage-modifier-import: initial !important;
|
||||||
|
--color-prettylights-syntax-entity-tag: initial !important;
|
||||||
|
--color-prettylights-syntax-keyword: initial !important;
|
||||||
|
--color-prettylights-syntax-string: initial !important;
|
||||||
|
--color-prettylights-syntax-variable: initial !important;
|
||||||
|
--color-prettylights-syntax-brackethighlighter-unmatched: initial !important;
|
||||||
|
--color-prettylights-syntax-invalid-illegal-text: initial !important;
|
||||||
|
--color-prettylights-syntax-invalid-illegal-bg: initial !important;
|
||||||
|
--color-prettylights-syntax-carriage-return-text: initial !important;
|
||||||
|
--color-prettylights-syntax-carriage-return-bg: initial !important;
|
||||||
|
--color-prettylights-syntax-string-regexp: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-list: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-heading: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-italic: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-bold: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-deleted-text: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-deleted-bg: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-inserted-text: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-inserted-bg: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-changed-text: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-changed-bg: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-ignored-text: initial !important;
|
||||||
|
--color-prettylights-syntax-markup-ignored-bg: initial !important;
|
||||||
|
--color-prettylights-syntax-meta-diff-range: initial !important;
|
||||||
|
--color-prettylights-syntax-brackethighlighter-angle: initial !important;
|
||||||
|
--color-prettylights-syntax-sublimelinter-gutter-mark: initial !important;
|
||||||
|
--color-prettylights-syntax-constant-other-reference-link: initial !important;
|
||||||
|
--color-codemirror-text: initial !important;
|
||||||
|
--color-codemirror-bg: initial !important;
|
||||||
|
--color-codemirror-gutters-bg: initial !important;
|
||||||
|
--color-codemirror-guttermarker-text: initial !important;
|
||||||
|
--color-codemirror-guttermarker-subtle-text: initial !important;
|
||||||
|
--color-codemirror-linenumber-text: initial !important;
|
||||||
|
--color-codemirror-cursor: initial !important;
|
||||||
|
--color-codemirror-selection-bg: initial !important;
|
||||||
|
--color-codemirror-activeline-bg: initial !important;
|
||||||
|
--color-codemirror-matchingbracket-text: initial !important;
|
||||||
|
--color-codemirror-lines-bg: initial !important;
|
||||||
|
--color-codemirror-syntax-comment: initial !important;
|
||||||
|
--color-codemirror-syntax-constant: initial !important;
|
||||||
|
--color-codemirror-syntax-entity: initial !important;
|
||||||
|
--color-codemirror-syntax-keyword: initial !important;
|
||||||
|
--color-codemirror-syntax-storage: initial !important;
|
||||||
|
--color-codemirror-syntax-string: initial !important;
|
||||||
|
--color-codemirror-syntax-support: initial !important;
|
||||||
|
--color-codemirror-syntax-variable: initial !important;
|
||||||
|
--color-checks-bg: initial !important;
|
||||||
|
--color-checks-run-border-width: initial !important;
|
||||||
|
--color-checks-container-border-width: initial !important;
|
||||||
|
--color-checks-text-primary: initial !important;
|
||||||
|
--color-checks-text-secondary: initial !important;
|
||||||
|
--color-checks-text-link: initial !important;
|
||||||
|
--color-checks-btn-icon: initial !important;
|
||||||
|
--color-checks-btn-hover-icon: initial !important;
|
||||||
|
--color-checks-btn-hover-bg: initial !important;
|
||||||
|
--color-checks-input-text: initial !important;
|
||||||
|
--color-checks-input-placeholder-text: initial !important;
|
||||||
|
--color-checks-input-focus-text: initial !important;
|
||||||
|
--color-checks-input-bg: initial !important;
|
||||||
|
--color-checks-input-shadow: initial !important;
|
||||||
|
--color-checks-donut-error: initial !important;
|
||||||
|
--color-checks-donut-pending: initial !important;
|
||||||
|
--color-checks-donut-success: initial !important;
|
||||||
|
--color-checks-donut-neutral: initial !important;
|
||||||
|
--color-checks-dropdown-text: initial !important;
|
||||||
|
--color-checks-dropdown-bg: initial !important;
|
||||||
|
--color-checks-dropdown-border: initial !important;
|
||||||
|
--color-checks-dropdown-shadow: initial !important;
|
||||||
|
--color-checks-dropdown-hover-text: initial !important;
|
||||||
|
--color-checks-dropdown-hover-bg: initial !important;
|
||||||
|
--color-checks-dropdown-btn-hover-text: initial !important;
|
||||||
|
--color-checks-dropdown-btn-hover-bg: initial !important;
|
||||||
|
--color-checks-scrollbar-thumb-bg: initial !important;
|
||||||
|
--color-checks-header-label-text: initial !important;
|
||||||
|
--color-checks-header-label-open-text: initial !important;
|
||||||
|
--color-checks-header-border: initial !important;
|
||||||
|
--color-checks-header-icon: initial !important;
|
||||||
|
--color-checks-line-text: initial !important;
|
||||||
|
--color-checks-line-num-text: initial !important;
|
||||||
|
--color-checks-line-timestamp-text: initial !important;
|
||||||
|
--color-checks-line-hover-bg: initial !important;
|
||||||
|
--color-checks-line-selected-bg: initial !important;
|
||||||
|
--color-checks-line-selected-num-text: initial !important;
|
||||||
|
--color-checks-line-dt-fm-text: initial !important;
|
||||||
|
--color-checks-line-dt-fm-bg: initial !important;
|
||||||
|
--color-checks-gate-bg: initial !important;
|
||||||
|
--color-checks-gate-text: initial !important;
|
||||||
|
--color-checks-gate-waiting-text: initial !important;
|
||||||
|
--color-checks-step-header-open-bg: initial !important;
|
||||||
|
--color-checks-step-error-text: initial !important;
|
||||||
|
--color-checks-step-warning-text: initial !important;
|
||||||
|
--color-checks-logline-text: initial !important;
|
||||||
|
--color-checks-logline-num-text: initial !important;
|
||||||
|
--color-checks-logline-debug-text: initial !important;
|
||||||
|
--color-checks-logline-error-text: initial !important;
|
||||||
|
--color-checks-logline-error-num-text: initial !important;
|
||||||
|
--color-checks-logline-error-bg: initial !important;
|
||||||
|
--color-checks-logline-warning-text: initial !important;
|
||||||
|
--color-checks-logline-warning-num-text: initial !important;
|
||||||
|
--color-checks-logline-warning-bg: initial !important;
|
||||||
|
--color-checks-logline-command-text: initial !important;
|
||||||
|
--color-checks-logline-section-text: initial !important;
|
||||||
|
--color-checks-ansi-black: initial !important;
|
||||||
|
--color-checks-ansi-black-bright: initial !important;
|
||||||
|
--color-checks-ansi-white: initial !important;
|
||||||
|
--color-checks-ansi-white-bright: initial !important;
|
||||||
|
--color-checks-ansi-gray: initial !important;
|
||||||
|
--color-checks-ansi-red: initial !important;
|
||||||
|
--color-checks-ansi-red-bright: initial !important;
|
||||||
|
--color-checks-ansi-green: initial !important;
|
||||||
|
--color-checks-ansi-green-bright: initial !important;
|
||||||
|
--color-checks-ansi-yellow: initial !important;
|
||||||
|
--color-checks-ansi-yellow-bright: initial !important;
|
||||||
|
--color-checks-ansi-blue: initial !important;
|
||||||
|
--color-checks-ansi-blue-bright: initial !important;
|
||||||
|
--color-checks-ansi-magenta: initial !important;
|
||||||
|
--color-checks-ansi-magenta-bright: initial !important;
|
||||||
|
--color-checks-ansi-cyan: initial !important;
|
||||||
|
--color-checks-ansi-cyan-bright: initial !important;
|
||||||
|
--color-project-header-bg: initial !important;
|
||||||
|
--color-project-sidebar-bg: initial !important;
|
||||||
|
--color-project-gradient-in: initial !important;
|
||||||
|
--color-project-gradient-out: initial !important;
|
||||||
|
--color-mktg-btn-bg: initial !important;
|
||||||
|
--color-mktg-btn-shadow-outline: initial !important;
|
||||||
|
--color-mktg-btn-shadow-focus: initial !important;
|
||||||
|
--color-mktg-btn-shadow-hover: initial !important;
|
||||||
|
--color-mktg-btn-shadow-hover-muted: initial !important;
|
||||||
|
--color-avatar-bg: initial !important;
|
||||||
|
--color-avatar-border: initial !important;
|
||||||
|
--color-avatar-stack-fade: initial !important;
|
||||||
|
--color-avatar-stack-fade-more: initial !important;
|
||||||
|
--color-avatar-child-shadow: initial !important;
|
||||||
|
--color-topic-tag-border: initial !important;
|
||||||
|
--color-counter-border: initial !important;
|
||||||
|
--color-select-menu-backdrop-border: initial !important;
|
||||||
|
--color-select-menu-tap-highlight: initial !important;
|
||||||
|
--color-select-menu-tap-focus-bg: initial !important;
|
||||||
|
--color-overlay-shadow: initial !important;
|
||||||
|
--color-header-text: initial !important;
|
||||||
|
--color-header-bg: initial !important;
|
||||||
|
--color-header-divider: initial !important;
|
||||||
|
--color-header-logo: initial !important;
|
||||||
|
--color-header-search-bg: initial !important;
|
||||||
|
--color-header-search-border: initial !important;
|
||||||
|
--color-sidenav-selected-bg: initial !important;
|
||||||
|
--color-menu-bg-active: initial !important;
|
||||||
|
--color-input-disabled-bg: initial !important;
|
||||||
|
--color-timeline-badge-bg: initial !important;
|
||||||
|
--color-ansi-black: initial !important;
|
||||||
|
--color-ansi-black-bright: initial !important;
|
||||||
|
--color-ansi-white: initial !important;
|
||||||
|
--color-ansi-white-bright: initial !important;
|
||||||
|
--color-ansi-gray: initial !important;
|
||||||
|
--color-ansi-red: initial !important;
|
||||||
|
--color-ansi-red-bright: initial !important;
|
||||||
|
--color-ansi-green: initial !important;
|
||||||
|
--color-ansi-green-bright: initial !important;
|
||||||
|
--color-ansi-yellow: initial !important;
|
||||||
|
--color-ansi-yellow-bright: initial !important;
|
||||||
|
--color-ansi-blue: initial !important;
|
||||||
|
--color-ansi-blue-bright: initial !important;
|
||||||
|
--color-ansi-magenta: initial !important;
|
||||||
|
--color-ansi-magenta-bright: initial !important;
|
||||||
|
--color-ansi-cyan: initial !important;
|
||||||
|
--color-ansi-cyan-bright: initial !important;
|
||||||
|
--color-btn-text: initial !important;
|
||||||
|
--color-btn-bg: initial !important;
|
||||||
|
--color-btn-border: initial !important;
|
||||||
|
--color-btn-shadow: initial !important;
|
||||||
|
--color-btn-inset-shadow: initial !important;
|
||||||
|
--color-btn-hover-bg: initial !important;
|
||||||
|
--color-btn-hover-border: initial !important;
|
||||||
|
--color-btn-active-bg: initial !important;
|
||||||
|
--color-btn-active-border: initial !important;
|
||||||
|
--color-btn-selected-bg: initial !important;
|
||||||
|
--color-btn-focus-bg: initial !important;
|
||||||
|
--color-btn-focus-border: initial !important;
|
||||||
|
--color-btn-focus-shadow: initial !important;
|
||||||
|
--color-btn-shadow-active: initial !important;
|
||||||
|
--color-btn-shadow-input-focus: initial !important;
|
||||||
|
--color-btn-counter-bg: initial !important;
|
||||||
|
--color-btn-primary-text: initial !important;
|
||||||
|
--color-btn-primary-bg: initial !important;
|
||||||
|
--color-btn-primary-border: initial !important;
|
||||||
|
--color-btn-primary-shadow: initial !important;
|
||||||
|
--color-btn-primary-inset-shadow: initial !important;
|
||||||
|
--color-btn-primary-hover-bg: initial !important;
|
||||||
|
--color-btn-primary-hover-border: initial !important;
|
||||||
|
--color-btn-primary-selected-bg: initial !important;
|
||||||
|
--color-btn-primary-selected-shadow: initial !important;
|
||||||
|
--color-btn-primary-disabled-text: initial !important;
|
||||||
|
--color-btn-primary-disabled-bg: initial !important;
|
||||||
|
--color-btn-primary-disabled-border: initial !important;
|
||||||
|
--color-btn-primary-focus-bg: initial !important;
|
||||||
|
--color-btn-primary-focus-border: initial !important;
|
||||||
|
--color-btn-primary-focus-shadow: initial !important;
|
||||||
|
--color-btn-primary-icon: initial !important;
|
||||||
|
--color-btn-primary-counter-bg: initial !important;
|
||||||
|
--color-btn-outline-text: initial !important;
|
||||||
|
--color-btn-outline-hover-text: initial !important;
|
||||||
|
--color-btn-outline-hover-bg: initial !important;
|
||||||
|
--color-btn-outline-hover-border: initial !important;
|
||||||
|
--color-btn-outline-hover-shadow: initial !important;
|
||||||
|
--color-btn-outline-hover-inset-shadow: initial !important;
|
||||||
|
--color-btn-outline-hover-counter-bg: initial !important;
|
||||||
|
--color-btn-outline-selected-text: initial !important;
|
||||||
|
--color-btn-outline-selected-bg: initial !important;
|
||||||
|
--color-btn-outline-selected-border: initial !important;
|
||||||
|
--color-btn-outline-selected-shadow: initial !important;
|
||||||
|
--color-btn-outline-disabled-text: initial !important;
|
||||||
|
--color-btn-outline-disabled-bg: initial !important;
|
||||||
|
--color-btn-outline-disabled-counter-bg: initial !important;
|
||||||
|
--color-btn-outline-focus-border: initial !important;
|
||||||
|
--color-btn-outline-focus-shadow: initial !important;
|
||||||
|
--color-btn-outline-counter-bg: initial !important;
|
||||||
|
--color-btn-danger-text: initial !important;
|
||||||
|
--color-btn-danger-hover-text: initial !important;
|
||||||
|
--color-btn-danger-hover-bg: initial !important;
|
||||||
|
--color-btn-danger-hover-border: initial !important;
|
||||||
|
--color-btn-danger-hover-shadow: initial !important;
|
||||||
|
--color-btn-danger-hover-inset-shadow: initial !important;
|
||||||
|
--color-btn-danger-hover-icon: initial !important;
|
||||||
|
--color-btn-danger-hover-counter-bg: initial !important;
|
||||||
|
--color-btn-danger-selected-text: initial !important;
|
||||||
|
--color-btn-danger-selected-bg: initial !important;
|
||||||
|
--color-btn-danger-selected-border: initial !important;
|
||||||
|
--color-btn-danger-selected-shadow: intial !important;
|
||||||
|
--color-btn-danger-disabled-text: initial !important;
|
||||||
|
--color-btn-danger-disabled-bg: initial !important;
|
||||||
|
--color-btn-danger-disabled-counter-bg: initial !important;
|
||||||
|
--color-btn-danger-focus-border: initial !important;
|
||||||
|
--color-btn-danger-focus-shadow: initial !important;
|
||||||
|
--color-btn-danger-counter-bg: initial !important;
|
||||||
|
--color-btn-danger-icon: initial !important;
|
||||||
|
--color-underlinenav-icon: initial !important;
|
||||||
|
--color-underlinenav-border-hover: initial !important;
|
||||||
|
--color-action-list-item-inline-divider: initial !important;
|
||||||
|
--color-action-list-item-default-hover-bg: initial !important;
|
||||||
|
--color-action-list-item-default-hover-border: initial !important;
|
||||||
|
--color-action-list-item-default-active-bg: initial !important;
|
||||||
|
--color-action-list-item-default-active-border: initial !important;
|
||||||
|
--color-action-list-item-default-selected-bg: initial !important;
|
||||||
|
--color-action-list-item-danger-hover-bg: initial !important;
|
||||||
|
--color-action-list-item-danger-active-bg: initial !important;
|
||||||
|
--color-action-list-item-danger-hover-text: initial !important;
|
||||||
|
--color-switch-track-bg: initial !important;
|
||||||
|
--color-switch-track-border: initial !important;
|
||||||
|
--color-switch-track-checked-bg: initial !important;
|
||||||
|
--color-switch-track-checked-hover-bg: initial !important;
|
||||||
|
--color-switch-track-checked-active-bg: initial !important;
|
||||||
|
--color-switch-track-checked-border: initial !important;
|
||||||
|
--color-switch-knob-checked-bg: initial !important;
|
||||||
|
--color-switch-knob-checked-disabled-bg: initial !important;
|
||||||
|
--color-fg-default: initial !important;
|
||||||
|
--color-fg-muted: initial !important;
|
||||||
|
--color-fg-subtle: initial !important;
|
||||||
|
--color-fg-on-emphasis: initial !important;
|
||||||
|
--color-canvas-default: initial !important;
|
||||||
|
--color-canvas-overlay: initial !important;
|
||||||
|
--color-canvas-inset: initial !important;
|
||||||
|
--color-canvas-subtle: initial !important;
|
||||||
|
--color-border-default: initial !important;
|
||||||
|
--color-border-muted: initial !important;
|
||||||
|
--color-border-subtle: initial !important;
|
||||||
|
--color-shadow-small: initial !important;
|
||||||
|
--color-shadow-medium: initial !important;
|
||||||
|
--color-shadow-large: initial !important;
|
||||||
|
--color-shadow-extra-large: initial !important;
|
||||||
|
--color-neutral-emphasis-plus: initial !important;
|
||||||
|
--color-neutral-emphasis: initial !important;
|
||||||
|
--color-neutral-muted: initial !important;
|
||||||
|
--color-neutral-subtle: initial !important;
|
||||||
|
--color-accent-fg: initial !important;
|
||||||
|
--color-accent-emphasis: initial !important;
|
||||||
|
--color-accent-muted: initial !important;
|
||||||
|
--color-accent-subtle: initial !important;
|
||||||
|
--color-success-fg: initial !important;
|
||||||
|
--color-success-emphasis: initial !important;
|
||||||
|
--color-success-muted: initial !important;
|
||||||
|
--color-success-subtle: initial !important;
|
||||||
|
--color-attention-fg: initial !important;
|
||||||
|
--color-attention-emphasis: initial !important;
|
||||||
|
--color-attention-muted: initial !important;
|
||||||
|
--color-attention-subtle: initial !important;
|
||||||
|
--color-severe-fg: initial !important;
|
||||||
|
--color-severe-emphasis: initial !important;
|
||||||
|
--color-severe-muted: initial !important;
|
||||||
|
--color-severe-subtle: initial !important;
|
||||||
|
--color-danger-fg: initial !important;
|
||||||
|
--color-danger-emphasis: initial !important;
|
||||||
|
--color-danger-muted: initial !important;
|
||||||
|
--color-danger-subtle: initial !important;
|
||||||
|
--color-open-fg: initial !important;
|
||||||
|
--color-open-emphasis: initial !important;
|
||||||
|
--color-open-muted: initial !important;
|
||||||
|
--color-open-subtle: initial !important;
|
||||||
|
--color-closed-fg: initial !important;
|
||||||
|
--color-closed-emphasis: initial !important;
|
||||||
|
--color-closed-muted: initial !important;
|
||||||
|
--color-closed-subtle: initial !important;
|
||||||
|
--color-done-fg: initial !important;
|
||||||
|
--color-done-emphasis: initial !important;
|
||||||
|
--color-done-muted: initial !important;
|
||||||
|
--color-done-subtle: initial !important;
|
||||||
|
--color-sponsors-fg: initial !important;
|
||||||
|
--color-sponsors-emphasis: initial !important;
|
||||||
|
--color-sponsors-muted: initial !important;
|
||||||
|
--color-sponsors-subtle: initial !important;
|
||||||
|
--color-primer-fg-disabled: initial !important;
|
||||||
|
--color-primer-canvas-backdrop: initial !important;
|
||||||
|
--color-primer-canvas-sticky: initial !important;
|
||||||
|
--color-primer-border-active: initial !important;
|
||||||
|
--color-primer-border-contrast: initial !important;
|
||||||
|
--color-primer-shadow-highlight: initial !important;
|
||||||
|
--color-primer-shadow-inset: initial !important;
|
||||||
|
--color-primer-shadow-focus: initial !important;
|
||||||
|
--color-scale-black: initial !important;
|
||||||
|
--color-scale-white: initial !important;
|
||||||
|
--color-scale-gray-0: initial !important;
|
||||||
|
--color-scale-gray-1: initial !important;
|
||||||
|
--color-scale-gray-2: initial !important;
|
||||||
|
--color-scale-gray-3: initial !important;
|
||||||
|
--color-scale-gray-4: initial !important;
|
||||||
|
--color-scale-gray-5: initial !important;
|
||||||
|
--color-scale-gray-6: initial !important;
|
||||||
|
--color-scale-gray-7: initial !important;
|
||||||
|
--color-scale-gray-8: initial !important;
|
||||||
|
--color-scale-gray-9: initial !important;
|
||||||
|
--color-scale-blue-0: initial !important;
|
||||||
|
--color-scale-blue-1: initial !important;
|
||||||
|
--color-scale-blue-2: initial !important;
|
||||||
|
--color-scale-blue-3: initial !important;
|
||||||
|
--color-scale-blue-4: initial !important;
|
||||||
|
--color-scale-blue-5: initial !important;
|
||||||
|
--color-scale-blue-6: initial !important;
|
||||||
|
--color-scale-blue-7: initial !important;
|
||||||
|
--color-scale-blue-8: initial !important;
|
||||||
|
--color-scale-blue-9: initial !important;
|
||||||
|
--color-scale-green-0: initial !important;
|
||||||
|
--color-scale-green-1: initial !important;
|
||||||
|
--color-scale-green-2: initial !important;
|
||||||
|
--color-scale-green-3: initial !important;
|
||||||
|
--color-scale-green-4: initial !important;
|
||||||
|
--color-scale-green-5: initial !important;
|
||||||
|
--color-scale-green-6: initial !important;
|
||||||
|
--color-scale-green-7: initial !important;
|
||||||
|
--color-scale-green-8: initial !important;
|
||||||
|
--color-scale-green-9: initial !important;
|
||||||
|
--color-scale-yellow-0: initial !important;
|
||||||
|
--color-scale-yellow-1: initial !important;
|
||||||
|
--color-scale-yellow-2: initial !important;
|
||||||
|
--color-scale-yellow-3: initial !important;
|
||||||
|
--color-scale-yellow-4: initial !important;
|
||||||
|
--color-scale-yellow-5: initial !important;
|
||||||
|
--color-scale-yellow-6: initial !important;
|
||||||
|
--color-scale-yellow-7: initial !important;
|
||||||
|
--color-scale-yellow-8: initial !important;
|
||||||
|
--color-scale-yellow-9: initial !important;
|
||||||
|
--color-scale-orange-0: initial !important;
|
||||||
|
--color-scale-orange-1: initial !important;
|
||||||
|
--color-scale-orange-2: initial !important;
|
||||||
|
--color-scale-orange-3: initial !important;
|
||||||
|
--color-scale-orange-4: initial !important;
|
||||||
|
--color-scale-orange-5: initial !important;
|
||||||
|
--color-scale-orange-6: initial !important;
|
||||||
|
--color-scale-orange-7: initial !important;
|
||||||
|
--color-scale-orange-8: initial !important;
|
||||||
|
--color-scale-orange-9: initial !important;
|
||||||
|
--color-scale-red-0: initial !important;
|
||||||
|
--color-scale-red-1: initial !important;
|
||||||
|
--color-scale-red-2: initial !important;
|
||||||
|
--color-scale-red-3: initial !important;
|
||||||
|
--color-scale-red-4: initial !important;
|
||||||
|
--color-scale-red-5: initial !important;
|
||||||
|
--color-scale-red-6: initial !important;
|
||||||
|
--color-scale-red-7: initial !important;
|
||||||
|
--color-scale-red-8: initial !important;
|
||||||
|
--color-scale-red-9: initial !important;
|
||||||
|
--color-scale-purple-0: initial !important;
|
||||||
|
--color-scale-purple-1: initial !important;
|
||||||
|
--color-scale-purple-2: initial !important;
|
||||||
|
--color-scale-purple-3: initial !important;
|
||||||
|
--color-scale-purple-4: initial !important;
|
||||||
|
--color-scale-purple-5: initial !important;
|
||||||
|
--color-scale-purple-6: initial !important;
|
||||||
|
--color-scale-purple-7: initial !important;
|
||||||
|
--color-scale-purple-8: initial !important;
|
||||||
|
--color-scale-purple-9: initial !important;
|
||||||
|
--color-scale-pink-0: initial !important;
|
||||||
|
--color-scale-pink-1: initial !important;
|
||||||
|
--color-scale-pink-2: initial !important;
|
||||||
|
--color-scale-pink-3: initial !important;
|
||||||
|
--color-scale-pink-4: initial !important;
|
||||||
|
--color-scale-pink-5: initial !important;
|
||||||
|
--color-scale-pink-6: initial !important;
|
||||||
|
--color-scale-pink-7: initial !important;
|
||||||
|
--color-scale-pink-8: initial !important;
|
||||||
|
--color-scale-pink-9: initial !important;
|
||||||
|
--color-scale-coral-0: initial !important;
|
||||||
|
--color-scale-coral-1: initial !important;
|
||||||
|
--color-scale-coral-2: initial !important;
|
||||||
|
--color-scale-coral-3: initial !important;
|
||||||
|
--color-scale-coral-4: initial !important;
|
||||||
|
--color-scale-coral-5: initial !important;
|
||||||
|
--color-scale-coral-6: initial !important;
|
||||||
|
--color-scale-coral-7: initial !important;
|
||||||
|
--color-scale-coral-8: initial !important;
|
||||||
|
--color-scale-coral-9: initial !important;
|
||||||
|
--color-workflow-card-header-shadow: initial !important;
|
||||||
|
--color-bg-discussions-row-emoji-box: initial !important;
|
||||||
|
--color-calendar-halloween-graph-day-L1-bg: initial !important;
|
||||||
|
--color-calendar-halloween-graph-day-L2-bg: initial !important;
|
||||||
|
--color-calendar-halloween-graph-day-L3-bg: initial !important;
|
||||||
|
--color-calendar-halloween-graph-day-L4-bg: initial !important;
|
||||||
|
--color-calendar-graph-day-bg: initial !important;
|
||||||
|
--color-calendar-graph-day-border: initial !important;
|
||||||
|
--color-calendar-graph-day-bg : initial !important;
|
||||||
|
--color-calendar-graph-day-L1-bg: initial !important;
|
||||||
|
--color-calendar-graph-day-L2-bg: initial !important;
|
||||||
|
--color-calendar-graph-day-L3-bg: initial !important;
|
||||||
|
--color-calendar-graph-day-L4-bg: initial !important;
|
||||||
|
--color-calendar-graph-day-L1-border: initial !important;
|
||||||
|
--color-calendar-graph-day-L2-border: initial !important;
|
||||||
|
--color-calendar-graph-day-L3-border: initial !important;
|
||||||
|
--color-calendar-graph-day-L4-border: initial !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
visibility: hidden !important
|
||||||
|
}
|
||||||
|
|
||||||
|
.Progress-item {
|
||||||
|
background-color: var(--color-calendar-graph-day-L4-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.js-highlight-blob {
|
||||||
|
fill: var(--color-calendar-graph-day-L3-bg) !important;
|
||||||
|
stroke: var(--color-calendar-graph-day-L4-bg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
color: var(--color-scale-gray-0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* a,p {
|
||||||
|
color: var(--color-scale-gray-1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: var(--color-scale-gray-0) !important;
|
||||||
|
} */
|
BIN
public/pint-logo.png
Normal file
After Width: | Height: | Size: 27 KiB |
1
public/pint.svg
Normal file
After Width: | Height: | Size: 19 KiB |
3
public/robots.txt
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
# https://www.robotstxt.org/robotstxt.html
|
||||||
|
User-agent: *
|
||||||
|
Disallow:
|
3
public/unhide.css
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
html, body {
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
9
src/App.test.tsx
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
import React from 'react';
|
||||||
|
import { render, screen } from '@testing-library/react';
|
||||||
|
import Popup from './views/Popup';
|
||||||
|
|
||||||
|
test('renders learn react link', () => {
|
||||||
|
render(<Popup />);
|
||||||
|
const linkElement = screen.getByText(/learn react/i);
|
||||||
|
expect(linkElement).toBeInTheDocument();
|
||||||
|
});
|
29
src/App.tsx
Normal file
|
@ -0,0 +1,29 @@
|
||||||
|
import React, { useState, useEffect } from 'react';
|
||||||
|
import logo from './assets/images/pint.svg';
|
||||||
|
import './assets/styles/App.css';
|
||||||
|
import Popup from './views/Popup';
|
||||||
|
import Options from './views/Options';
|
||||||
|
|
||||||
|
export default function App() {
|
||||||
|
|
||||||
|
const [isOptionsUi, setOptionsUI] = useState(window.innerWidth > 375);
|
||||||
|
|
||||||
|
const updateMedia = () => {
|
||||||
|
setOptionsUI(window.innerWidth > 475);
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
window.addEventListener("resize", updateMedia);
|
||||||
|
return () => window.removeEventListener("resize", updateMedia);
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="relative">
|
||||||
|
{isOptionsUi ?
|
||||||
|
( <Options/>
|
||||||
|
) : (
|
||||||
|
<Popup />
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
1
src/assets/images/pint.svg
Normal file
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 6.886719 6.886719 L 368.386719 6.886719 L 368.386719 368.386719 L 6.886719 368.386719 Z M 6.886719 6.886719 " clip-rule="nonzero"/></clipPath><clipPath id="id2"><path d="M 113.816406 57.097656 L 261.566406 57.097656 L 261.566406 298.597656 L 113.816406 298.597656 Z M 113.816406 57.097656 " clip-rule="nonzero"/></clipPath><clipPath id="id3"><path d="M 113.8125 159.703125 L 261.5625 159.703125 L 261.5625 368.203125 L 113.8125 368.203125 Z M 113.8125 159.703125 " clip-rule="nonzero"/></clipPath><clipPath id="id4"><path d="M 113.816406 152 L 261.566406 152 L 261.566406 297 L 113.816406 297 Z M 113.816406 152 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="#0d1117" d="M 300.257812 368.386719 L 75.015625 368.386719 C 37.472656 368.386719 6.886719 337.796875 6.886719 300.257812 L 6.886719 75.015625 C 6.886719 37.472656 37.472656 6.886719 75.015625 6.886719 L 300.257812 6.886719 C 337.796875 6.886719 368.386719 37.472656 368.386719 75.015625 L 368.386719 300.257812 C 368.386719 337.796875 337.796875 368.386719 300.257812 368.386719 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#id2)"><path fill="#ffffff" d="M 188.417969 57.097656 C 187.363281 59.601562 186.894531 60.449219 186.640625 61.355469 C 179.597656 86.777344 168.070312 110.171875 154.882812 132.890625 C 143.921875 151.78125 132.894531 170.679688 123.074219 190.167969 C 110.277344 215.566406 110.394531 241.394531 126.386719 265.421875 C 142.867188 290.171875 167.054688 301.234375 196.472656 298.070312 C 238.132812 293.59375 271.78125 254.546875 258.574219 206.382812 C 253.578125 188.15625 243.125 171.179688 233.660156 154.480469 C 216.195312 123.652344 197.390625 93.558594 188.417969 57.097656 Z M 188.417969 57.097656 " fill-opacity="1" fill-rule="nonzero"/><path fill="#ffffff" d="M 188.417969 57.097656 C 197.390625 93.558594 216.195312 123.652344 233.660156 154.480469 C 243.125 171.179688 253.578125 188.15625 258.574219 206.382812 C 271.78125 254.546875 238.132812 293.59375 196.472656 298.070312 C 167.054688 301.234375 142.863281 290.171875 126.386719 265.421875 C 110.394531 241.394531 110.273438 215.566406 123.074219 190.167969 C 132.894531 170.679688 143.921875 151.78125 154.882812 132.890625 C 168.070312 110.171875 179.597656 86.777344 186.640625 61.355469 C 186.890625 60.449219 187.363281 59.601562 188.417969 57.097656 Z M 188.417969 57.097656 " fill-opacity="1" fill-rule="evenodd"/></g><g clip-path="url(#id3)"><path fill="#0d1117" d="M 187.6875 159.703125 C 146.886719 159.703125 113.8125 206.375 113.8125 263.953125 C 113.8125 321.527344 146.886719 368.203125 187.6875 368.203125 C 228.484375 368.203125 261.558594 321.527344 261.558594 263.953125 C 261.558594 206.375 228.484375 159.703125 187.6875 159.703125 " fill-opacity="1" fill-rule="nonzero"/></g><g clip-path="url(#id4)"><path fill="#ffffff" d="M 187.691406 152.367188 C 146.875 152.367188 113.816406 185.425781 113.816406 226.242188 C 113.816406 258.933594 134.960938 286.542969 164.328125 296.332031 C 168.019531 296.980469 169.40625 294.761719 169.40625 292.824219 C 169.40625 291.070312 169.3125 285.25 169.3125 279.0625 C 150.753906 282.480469 145.949219 274.539062 144.472656 270.382812 C 143.640625 268.261719 140.039062 261.703125 136.902344 259.949219 C 134.316406 258.5625 130.621094 255.148438 136.808594 255.054688 C 142.625 254.960938 146.78125 260.410156 148.167969 262.628906 C 154.816406 273.800781 165.433594 270.660156 169.683594 268.722656 C 170.328125 263.917969 172.269531 260.6875 174.390625 258.839844 C 157.957031 256.992188 140.78125 250.621094 140.78125 222.363281 C 140.78125 214.332031 143.640625 207.683594 148.351562 202.511719 C 147.613281 200.664062 145.027344 193.09375 149.089844 182.933594 C 149.089844 182.933594 155.277344 180.996094 169.40625 190.507812 C 175.316406 188.84375 181.59375 188.011719 187.875 188.011719 C 194.152344 188.011719 200.433594 188.84375 206.34375 190.507812 C 220.472656 180.902344 226.660156 182.933594 226.660156 182.933594 C 230.722656 193.09375 228.136719 200.664062 227.398438 202.511719 C 232.105469 207.683594 234.96875 214.238281 234.96875 222.363281 C 234.96875 250.714844 217.703125 256.992188 201.265625 258.839844 C 203.941406 261.148438 206.25 265.582031 206.25 272.507812 C 206.25 282.386719 206.160156 290.332031 206.160156 292.824219 C 206.160156 294.761719 207.542969 297.070312 211.238281 296.332031 C 225.902344 291.382812 238.648438 281.957031 247.675781 269.382812 C 256.703125 256.808594 261.5625 241.722656 261.566406 226.242188 C 261.566406 185.425781 228.507812 152.367188 187.691406 152.367188 Z M 187.691406 152.367188 " fill-opacity="1" fill-rule="evenodd"/></g></svg>
|
After Width: | Height: | Size: 4.8 KiB |
0
src/assets/styles/App.css
Normal file
19
src/assets/styles/index.css
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
/* width: 375px; */
|
||||||
|
margin: 0;
|
||||||
|
background-color: #0d1117;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||||
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||||
|
sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||||
|
monospace;
|
||||||
|
}
|
17
src/components/global/CardTitle.tsx
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
import react from "react";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
name: string,
|
||||||
|
color?: string,
|
||||||
|
textcolor?: string | "#ffffff",
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function CardTitle(props: Props) {
|
||||||
|
const { name,color, textcolor } = props;
|
||||||
|
return(
|
||||||
|
<div style={{ backgroundColor: textcolor }} className="flex-start align-left text-l p-1 rounded-t-lg">
|
||||||
|
<p className="text-bold">{name} {color}</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
30
src/components/global/Preview.tsx
Normal file
|
@ -0,0 +1,30 @@
|
||||||
|
import react from "react";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
|
||||||
|
interface RequiredProps {
|
||||||
|
name: string,
|
||||||
|
color: string,
|
||||||
|
}
|
||||||
|
|
||||||
|
interface OptionalProps {
|
||||||
|
modifier?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Props extends RequiredProps, OptionalProps {}
|
||||||
|
|
||||||
|
const defaultProps: OptionalProps = {
|
||||||
|
modifier: "ff"
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function Preview( props: Props ) {
|
||||||
|
const { name, color, modifier="ff" } = props;
|
||||||
|
return (
|
||||||
|
<div className="flex flex-row justify-between items-center text-left">
|
||||||
|
<p className="flex-start m-1">{name}</p>
|
||||||
|
<div
|
||||||
|
style={{ backgroundColor: color + modifier }}
|
||||||
|
className="w-5 h-5 p-1 m-1 rounded-lg"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
78
src/components/options/ChangeCard.tsx
Normal file
|
@ -0,0 +1,78 @@
|
||||||
|
import react, { MouseEventHandler } from "react";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
import { HexColorInput, HexColorPicker } from "react-colorful";
|
||||||
|
import { TextField } from "@mui/material";
|
||||||
|
import { IoIosBrush } from "react-icons/io";
|
||||||
|
import Preview from "../global/Preview";
|
||||||
|
import CardTitle from "../global/CardTitle";
|
||||||
|
import {
|
||||||
|
pintSet,
|
||||||
|
pintSetNoReload,
|
||||||
|
updateMultiple,
|
||||||
|
pintGetUpdate,
|
||||||
|
} from "../../methods/helper";
|
||||||
|
import * as quickScheme from "../../methods/quickScheme";
|
||||||
|
import {
|
||||||
|
bgGen,
|
||||||
|
generateAccent,
|
||||||
|
updateViaQuickScheme,
|
||||||
|
} from "../../methods/schemeGen";
|
||||||
|
import { bgcolor } from "@mui/system";
|
||||||
|
|
||||||
|
var defaultValue = "#c0ffee";
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
settingName: string;
|
||||||
|
colorPickerColor: {
|
||||||
|
r: number;
|
||||||
|
g: number;
|
||||||
|
b: number;
|
||||||
|
a: number;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function ChangeCard(props: Props) {
|
||||||
|
const { settingName, colorPickerColor } = props;
|
||||||
|
|
||||||
|
var settingReadable = settingName
|
||||||
|
.replace(/_/g, " ")
|
||||||
|
.replace(/color/g, "")
|
||||||
|
.trim();
|
||||||
|
|
||||||
|
react.useLayoutEffect(() => {
|
||||||
|
pintGetUpdate(settingName, setCurrent);
|
||||||
|
});
|
||||||
|
|
||||||
|
const [current, setCurrent] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
|
function updateColor() {
|
||||||
|
var stringifiedColor = `rgba(${colorPickerColor.r},${colorPickerColor.g},${colorPickerColor.b},${colorPickerColor.a})`
|
||||||
|
setCurrent(stringifiedColor);
|
||||||
|
pintSetNoReload(settingName, stringifiedColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateColorExplicitly(value: string) {
|
||||||
|
setCurrent(value);
|
||||||
|
pintSetNoReload(settingName, value);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="pint flex flex-row w-[260px] text-center">
|
||||||
|
<div className="flex-1 flex-col rounded-lg m-1 p-1 bg-white">
|
||||||
|
<CardTitle name={current} textcolor={current} />
|
||||||
|
<CardTitle name={settingReadable} />
|
||||||
|
<div className="flex flex-row justify-center justify-items-center">
|
||||||
|
<div className="flex align-middle justify-content p-1">
|
||||||
|
<input id="aaa" type="text" className="p-2 text-center w-full" placeholder="insert replacement value" onChange={(e) => updateColorExplicitly(e.target.value)} />
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
className="bg-[#0d1117] hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-2 mx-2 my-1 rounded-full text-white"
|
||||||
|
onClick={updateColor}
|
||||||
|
>
|
||||||
|
<IoIosBrush className="text-xl p-1 text-white" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
21
src/components/options/Header.tsx
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
import react from "react";
|
||||||
|
import logo from "../../assets/images/pint.svg";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
import { IoMdSettings } from "react-icons/io";
|
||||||
|
|
||||||
|
export default function Header() {
|
||||||
|
return (
|
||||||
|
<div className="flex flex-row rounded-lg mb-1 m-2 mx-3 p-1 justify-between items-center">
|
||||||
|
<div className="flex flex-row">
|
||||||
|
<img src={logo} className="flex-none w-12" alt="logo" />
|
||||||
|
<div className="flex-col p-1 text-white">
|
||||||
|
<p className="flex-1 self-center text-xl"> pint for github </p>
|
||||||
|
<p className="flex-1 self-center text-l">2.0-dev - advanced mode</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
35
src/components/options/QuickChange.tsx
Normal file
|
@ -0,0 +1,35 @@
|
||||||
|
import react, { MouseEventHandler } from "react";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
import { HexColorInput, HexColorPicker } from "react-colorful";
|
||||||
|
import { TextField } from "@mui/material";
|
||||||
|
import { IoIosBrush } from "react-icons/io";
|
||||||
|
import Preview from "../global/Preview";
|
||||||
|
import CardTitle from "../global/CardTitle";
|
||||||
|
import { pintSet, pintSetNoReload, updateMultiple, pintGetUpdate } from "../../methods/helper";
|
||||||
|
import * as quickScheme from "../../methods/quickScheme";
|
||||||
|
import { bgGen, generateAccent, updateViaQuickScheme, } from "../../methods/schemeGen";
|
||||||
|
import { bgcolor } from "@mui/system";
|
||||||
|
|
||||||
|
var defaultValue = "#c0ffee"
|
||||||
|
|
||||||
|
export default function QuickChange() {
|
||||||
|
|
||||||
|
react.useLayoutEffect(() => {
|
||||||
|
})
|
||||||
|
|
||||||
|
const [color, setColor] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="pint flex flex-row mb-2 mt-1 mx-2 text-center">
|
||||||
|
<div className="flex-1 flex-col rounded-lg m-1 p-1 bg-white">
|
||||||
|
<div className="flex flex-row justify-content text-center justify-center">
|
||||||
|
<CardTitle name="color picker - " />
|
||||||
|
<HexColorInput style={{ width: 40, textAlign: "center"}} color={color} onChange={setColor} />
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-content p-1">
|
||||||
|
<HexColorPicker style={{ width: 258, height: 258 }} color={color} onChange={setColor} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
38
src/components/popup/Header.tsx
Normal file
|
@ -0,0 +1,38 @@
|
||||||
|
import react from "react";
|
||||||
|
import logo from "../../assets/images/pint.svg";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
import { IoMdSettings } from "react-icons/io";
|
||||||
|
import { AiFillGithub } from "react-icons/ai";
|
||||||
|
|
||||||
|
export default function Header() {
|
||||||
|
|
||||||
|
function openOptions() {
|
||||||
|
chrome.runtime.openOptionsPage()
|
||||||
|
}
|
||||||
|
|
||||||
|
function openGithub() {
|
||||||
|
chrome.tabs.create({
|
||||||
|
url: 'https://github.com/fuwaa/pint',
|
||||||
|
selected: true,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<div className="flex flex-row rounded-lg mb-1 m-2 mx-3 p-1 justify-between items-center">
|
||||||
|
<div className="flex flex-row">
|
||||||
|
<img src={logo} className="flex-none w-12" alt="logo" />
|
||||||
|
<div className="flex-col p-1 text-white">
|
||||||
|
<p className="flex-1 self-center text-xl"> pint for github </p>
|
||||||
|
<p className="flex-1 self-center text-l">2.0-dev - simple mode</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button title="Advanced" className="flex-none p-1 rounded-lg text-xl text-white p-2" onClick={openGithub} >
|
||||||
|
<AiFillGithub />
|
||||||
|
</button>
|
||||||
|
<button title="Advanced" className="flex-none p-1 rounded-lg text-xl text-white p-2" onClick={openOptions} >
|
||||||
|
<IoMdSettings />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
145
src/components/popup/QuickChange.tsx
Normal file
|
@ -0,0 +1,145 @@
|
||||||
|
import react, { MouseEventHandler } from "react";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
import { HexColorPicker, HexColorInput } from "react-colorful";
|
||||||
|
import { TextField } from "@mui/material";
|
||||||
|
import { IoIosBrush } from "react-icons/io";
|
||||||
|
import Preview from "../global/Preview";
|
||||||
|
import CardTitle from "../global/CardTitle";
|
||||||
|
import { pintSet, pintSetNoReload, updateMultiple, pintGetUpdate } from "../../methods/helper";
|
||||||
|
import * as quickScheme from "../../methods/quickScheme";
|
||||||
|
import { bgGen, generateAccent, updateText, updateViaQuickScheme, } from "../../methods/schemeGen";
|
||||||
|
import { bgcolor } from "@mui/system";
|
||||||
|
|
||||||
|
var defaultValue = "#c0ffee"
|
||||||
|
|
||||||
|
export default function QuickChange() {
|
||||||
|
|
||||||
|
react.useLayoutEffect(() => {
|
||||||
|
pintGetUpdate("__color_canvas_default", setBgColor);
|
||||||
|
pintGetUpdate("__color_calendar_graph_day_L4_bg", setL4)
|
||||||
|
pintGetUpdate("__color_calendar_graph_day_L3_bg", setL3)
|
||||||
|
pintGetUpdate("__color_calendar_graph_day_L2_bg", setL2)
|
||||||
|
pintGetUpdate("__color_calendar_graph_day_L1_bg", setL1)
|
||||||
|
pintGetUpdate("__color_accent_emphasis", setAccentEmphasis)
|
||||||
|
pintGetUpdate("__color_btn_primary_bg", setButtonPrimary)
|
||||||
|
pintGetUpdate("__color_btn_primary_hover_bg", setHoverButton)
|
||||||
|
pintGetUpdate("__color_btn_primary_active_bg", setActiveButton)
|
||||||
|
pintGetUpdate("__color_btn_primary_focus_bg", setClickedButton)
|
||||||
|
pintGetUpdate("__color_btn_primary_disabled_bg", setDisabledButton)
|
||||||
|
pintGetUpdate("__color_scale_gray_1", setTextColor)
|
||||||
|
})
|
||||||
|
|
||||||
|
const [bgColor, setBgColor] = react.useState(`${defaultValue}`);
|
||||||
|
const [color, setColor] = react.useState(`${defaultValue}`);
|
||||||
|
const [textColor, setTextColor] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
|
// l1-l4 and other used shit
|
||||||
|
const [l1, setL1] = react.useState(`${defaultValue}`);
|
||||||
|
const [l2, setL2] = react.useState(`${defaultValue}`);
|
||||||
|
const [l3, setL3] = react.useState(`${defaultValue}`);
|
||||||
|
const [l4, setL4] = react.useState(`${defaultValue}`);
|
||||||
|
const [activeButton, setActiveButton] = react.useState(`${defaultValue}`);
|
||||||
|
const [buttonPrimary, setButtonPrimary] = react.useState(`${defaultValue}`);
|
||||||
|
const [accentEmphasis, setAccentEmphasis] = react.useState(`${defaultValue}`);
|
||||||
|
const [disabledButton, setDisabledButton] = react.useState(`${defaultValue}`);
|
||||||
|
const [hoverButton, setHoverButton] = react.useState(`${defaultValue}`);
|
||||||
|
const [clickedButton, setClickedButton] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
|
function paintAccent() {
|
||||||
|
updateViaQuickScheme(color);
|
||||||
|
setL4(color);
|
||||||
|
}
|
||||||
|
|
||||||
|
function paintBg() {
|
||||||
|
setBgColor(color);
|
||||||
|
bgGen(color);
|
||||||
|
updateText(generateAccent(color, -130));
|
||||||
|
}
|
||||||
|
|
||||||
|
function paintText() {
|
||||||
|
updateText(color);
|
||||||
|
setTextColor(color);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="pint flex flex-row mb-2 mt-1 mx-2">
|
||||||
|
<div className="flex-1 flex-col rounded-lg m-1 p-1 bg-white">
|
||||||
|
<div className="flex flex-row justify-content text-center justify-center">
|
||||||
|
<CardTitle name="color picker - " />
|
||||||
|
<HexColorInput style={{ width: 40, textAlign: "center"}} color={color} onChange={setColor} />
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-content p-1">
|
||||||
|
<HexColorPicker color={color} onChange={setColor} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex-grow flex-col rounded-lg m-1 p-1 bg-white">
|
||||||
|
<CardTitle name="theme painter" />
|
||||||
|
<div className="flex-start flex flex-row -center text-l mt-2 mb-1 w-[165px] p-1">
|
||||||
|
<TextField
|
||||||
|
id="acentColor"
|
||||||
|
label="accent color"
|
||||||
|
disabled={true}
|
||||||
|
value={l4}
|
||||||
|
variant="outlined"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
className="bg-[#0d1117] hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-2 mb-2 mx-2 rounded-full"
|
||||||
|
onClick={paintAccent}
|
||||||
|
>
|
||||||
|
<IoIosBrush className="text-xl p-0 text-white" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="flex-start flex flex-row -center text-l mt-2 mb-1 w-[165px] p-1">
|
||||||
|
<TextField
|
||||||
|
id="bgColorHex"
|
||||||
|
label="background"
|
||||||
|
disabled={true}
|
||||||
|
value={bgColor}
|
||||||
|
variant="outlined"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
className="bg-[#0d1117] hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-2 mb-2 mx-2 rounded-full"
|
||||||
|
onClick={paintBg}
|
||||||
|
>
|
||||||
|
<IoIosBrush className="text-xl p-0 text-white" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="flex-start flex flex-row -center text-l mt-2 mb-1 w-[165px] p-1">
|
||||||
|
<TextField
|
||||||
|
id="textColorHex"
|
||||||
|
label="text color"
|
||||||
|
disabled={true}
|
||||||
|
value={textColor}
|
||||||
|
variant="outlined"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
className="bg-[#0d1117] hover:bg-violet-600 active:bg-violet-700 focus:outline-none focus:ring focus:ring-violet-300 p-2 ml-2 mb-2 mx-2 rounded-full"
|
||||||
|
onClick={paintText}
|
||||||
|
>
|
||||||
|
<IoIosBrush className="text-xl p-0 text-white" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
{/* <div className="flex flex-row justify-center">
|
||||||
|
<div
|
||||||
|
style={{ backgroundColor: activeButton }}
|
||||||
|
className="w-5 h-5 p-1 m-1 rounded-full"
|
||||||
|
></div>
|
||||||
|
<div
|
||||||
|
style={{ backgroundColor: accentEmphasis }}
|
||||||
|
className="w-5 h-5 p-1 m-1 rounded-full"
|
||||||
|
></div>
|
||||||
|
<div
|
||||||
|
style={{ backgroundColor: bgColor }}
|
||||||
|
className="w-5 h-5 p-1 m-1 rounded-full"
|
||||||
|
></div>
|
||||||
|
</div> */}
|
||||||
|
<div className="flex flex-row justify-center">
|
||||||
|
<p className="text-center">Made with ❤️ - fuwa</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
37
src/components/popup/QuickSettings.tsx
Normal file
|
@ -0,0 +1,37 @@
|
||||||
|
import {
|
||||||
|
FormControl,
|
||||||
|
InputLabel,
|
||||||
|
MenuItem,
|
||||||
|
NativeSelect,
|
||||||
|
Select,
|
||||||
|
Switch,
|
||||||
|
} from "@mui/material";
|
||||||
|
import react from "react";
|
||||||
|
import "../../assets/styles/App.css";
|
||||||
|
import Preview from "../global/Preview";
|
||||||
|
|
||||||
|
export default function QuickSettings() {
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col rounded-lg mt-4 mx-3 p-1 bg-white">
|
||||||
|
<div className=" bg-whiteflex-start align-left text-l p-1">
|
||||||
|
<p>quick settings</p>
|
||||||
|
<div className="flex-col">
|
||||||
|
<div className="flex flex-row justify-between items-center">
|
||||||
|
<p className="flex-start my-1">view global user pints?</p>
|
||||||
|
<Switch defaultChecked size="small" />
|
||||||
|
</div>
|
||||||
|
<form className="flex flex-row justify-between items-center" action="#">
|
||||||
|
<label>select color scheme: </label>
|
||||||
|
<div>
|
||||||
|
<select name="colorschemes" id="lang" defaultValue="1">
|
||||||
|
<option value="0">Solarized Dark</option>
|
||||||
|
<option value="1">Github Dark</option>
|
||||||
|
<option value="2">Github Light</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
19
src/index.tsx
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
import React from 'react';
|
||||||
|
import ReactDOM from 'react-dom/client';
|
||||||
|
import './assets/styles/index.css';
|
||||||
|
import App from './App';
|
||||||
|
import reportWebVitals from './reportWebVitals';
|
||||||
|
|
||||||
|
const root = ReactDOM.createRoot(
|
||||||
|
document.getElementById('root') as HTMLElement
|
||||||
|
);
|
||||||
|
root.render(
|
||||||
|
<React.StrictMode>
|
||||||
|
<App />
|
||||||
|
</React.StrictMode>
|
||||||
|
);
|
||||||
|
|
||||||
|
// If you want to start measuring performance in your app, pass a function
|
||||||
|
// to log results (for example: reportWebVitals(console.log))
|
||||||
|
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
|
||||||
|
reportWebVitals();
|
52
src/methods/helper.js
Normal file
|
@ -0,0 +1,52 @@
|
||||||
|
/*global chrome*/
|
||||||
|
|
||||||
|
export function pintSet( setting, value ) {
|
||||||
|
var pintKey = {};
|
||||||
|
pintKey[`${setting}`] = value;
|
||||||
|
var settingVar = setting.replace(/_/g, "-");
|
||||||
|
chrome.storage.local.set(pintKey);
|
||||||
|
chrome.tabs.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
export function pintSetNoReload( setting, value ) {
|
||||||
|
var pintKey = {};
|
||||||
|
pintKey[`${setting}`] = value;
|
||||||
|
var settingVar = setting.replace(/_/g, "-");
|
||||||
|
chrome.storage.local.set(pintKey);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export function pintGet(setting, cb) {
|
||||||
|
var output = "";
|
||||||
|
chrome.storage.local.get([`${setting}`], function (result) {
|
||||||
|
output = result[`${setting}`]
|
||||||
|
cb(output);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function pintGetUpdate(setting, func) {
|
||||||
|
chrome.storage.local.get([`${setting}`], function (result) {
|
||||||
|
func(result[`${setting}`]);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateMultiple(array, color) {
|
||||||
|
for (var i = 0; i < array.length; i++) {
|
||||||
|
pintSetNoReload(array[i], color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// export function pintGet(setting) {
|
||||||
|
// pintGetInner(setting, finalReturn);
|
||||||
|
// alert(`returned value: ${value}`);
|
||||||
|
// return value;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// export function (setting, callback) {
|
||||||
|
// callback(result[setting]);
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
|
// function finalReturn(finalValue) {
|
||||||
|
// alert(`result is: ${finalValue}`);
|
||||||
|
// value = finalValue
|
||||||
|
// }
|
0
src/methods/predefined/githubdark.js
Normal file
242
src/methods/quickScheme.js
Normal file
|
@ -0,0 +1,242 @@
|
||||||
|
// background
|
||||||
|
|
||||||
|
export var ScaleBlack = [
|
||||||
|
"__color_checks_bg",
|
||||||
|
"__color_switch_track_bg",
|
||||||
|
"__color_canvas_inset",
|
||||||
|
"__color_shadow_medium",
|
||||||
|
"__color_shadow_large",
|
||||||
|
"__color_shadow_extra_large",
|
||||||
|
"__color_scale_black",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG9 = [
|
||||||
|
"__color_page_header_bg",
|
||||||
|
"__color_codemirror_bg",
|
||||||
|
"__color_codemirror_gutters_bg",
|
||||||
|
"__color_codemirror_guttermarker_text",
|
||||||
|
"__color_codemirror_lines_bg",
|
||||||
|
"_color_codemirror_lines_bg",
|
||||||
|
"__color_checks_ans_Iblack",
|
||||||
|
"__color_project_header_bg",
|
||||||
|
"__color_avatar_child_shadow",
|
||||||
|
"__color_header_search_bg",
|
||||||
|
"__color_btn_outline_disabled_bg",
|
||||||
|
"__color_btn_danger_disabled_bg",
|
||||||
|
"__color_canvas_default",
|
||||||
|
"__color_scale_gray_9",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG8 = [
|
||||||
|
"__color_checks_input_bg",
|
||||||
|
"__color_checks_dropdown_bg",
|
||||||
|
"__color_checks_step_header_open_bg",
|
||||||
|
"__color_checks_ans_Iblack_bright",
|
||||||
|
"__color_project_sidebar_bg",
|
||||||
|
"__color_project_gradient_in",
|
||||||
|
"__color_header_bg",
|
||||||
|
"__color_menu_bg_active",
|
||||||
|
"__color_btn_selected_bg",
|
||||||
|
"__color_canvas_overlay",
|
||||||
|
"__color_canvas_subtle",
|
||||||
|
"__color_scale_gray_8",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG7 = [
|
||||||
|
"__color_checks_header_border",
|
||||||
|
"__color_avatar_stack_fade_more",
|
||||||
|
"__color_sidenav_selected_bg",
|
||||||
|
"__color_timeline_badge_bg",
|
||||||
|
"__color_btn_bg",
|
||||||
|
"__color_btn_focus_bg",
|
||||||
|
"__color_border_muted",
|
||||||
|
"__color_scale_gray_7",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG6 = [
|
||||||
|
"__color_checks_dropdown_border",
|
||||||
|
"__color_avatar_stack_fade",
|
||||||
|
"__color_overlay_shadow",
|
||||||
|
"__color_header_search_border",
|
||||||
|
"__color_btn_hover_bg",
|
||||||
|
"__color_btn_counter_bg",
|
||||||
|
"__color_btn_outline_hover_bg",
|
||||||
|
"__color_border_default",
|
||||||
|
"__color_scale_gray_6",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG5 = [
|
||||||
|
"__color_prettylights_syntax_sublimelinter_gutter_mark",
|
||||||
|
"__color_select_menu_backdrop_border",
|
||||||
|
"__color_ans_Iblack",
|
||||||
|
"__color_switch_knob_checked_disabled_bg",
|
||||||
|
"__color_primer_fg_disabled",
|
||||||
|
"__color_scale_gray_5",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG4 = [
|
||||||
|
"__color_codemirror_guttermarker_subtle_text",
|
||||||
|
"__color_checks_input_placeholder_text",
|
||||||
|
"__color_checks_line_num_text",
|
||||||
|
"__color_checks_line_timestamp_text",
|
||||||
|
"__color_checks_logline_num_text",
|
||||||
|
"__color_checks_logline_error_num_text",
|
||||||
|
"__color_checks_ans_Igray",
|
||||||
|
"__color_ans_Iblack_bright",
|
||||||
|
"__color_ans_Igray",
|
||||||
|
"__color_btn_active_border",
|
||||||
|
"__color_underlinenav_icon",
|
||||||
|
"__color_switch_track_border",
|
||||||
|
"__color_fg_subtle",
|
||||||
|
"__color_neutral_emphasis_plus",
|
||||||
|
"__color_neutral_emphasis",
|
||||||
|
"__color_scale_gray_4",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG3 = [
|
||||||
|
"__color_diff_blob_expander_icon",
|
||||||
|
"__color_prettylights_syntax_comment",
|
||||||
|
"__color_prettylights_syntax_brackethighlighter_angle",
|
||||||
|
"__color_codemirror_linenumber_text",
|
||||||
|
"__color_codemirror_syntax_comment",
|
||||||
|
"__color_checks_text_secondary",
|
||||||
|
"__color_checks_btn_icon",
|
||||||
|
"__color_checks_input_text",
|
||||||
|
"__color_checks_donut_neutral",
|
||||||
|
"__color_checks_header_label_text",
|
||||||
|
"__color_checks_header_icon",
|
||||||
|
"__color_checks_line_text",
|
||||||
|
"__color_checks_gate_text",
|
||||||
|
"__color_checks_logline_text",
|
||||||
|
"__color_checks_logline_error_text",
|
||||||
|
"__color_checks_logline_warning_text",
|
||||||
|
"__color_header_divider",
|
||||||
|
"__color_btn_hover_border",
|
||||||
|
"__color_btn_focus_border",
|
||||||
|
"__color_fg_muted",
|
||||||
|
"__color_scale_gray_3",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG2 = [
|
||||||
|
"__color_checks_ans_Iwhite",
|
||||||
|
"__color_checks_ans_Iwhite_bright",
|
||||||
|
"__color_ans_Iwhite",
|
||||||
|
"__color_scale_gray_2",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG1 = [
|
||||||
|
"__color_diff_blob_addition_num_text",
|
||||||
|
"__color_diff_blob_addition_fg",
|
||||||
|
"__color_diff_blob_deletion_num_text",
|
||||||
|
"__color_diff_blob_deletion_fg",
|
||||||
|
"__color_prettylights_syntax_storage_modifier_import",
|
||||||
|
"__color_prettylights_syntax_markup_italic",
|
||||||
|
"__color_prettylights_syntax_markup_bold",
|
||||||
|
"__color_prettylights_syntax_markup_ignored_text",
|
||||||
|
"__color_codemirror_text",
|
||||||
|
"__color_codemirror_cursor",
|
||||||
|
"__color_codemirror_matchingbracket_text",
|
||||||
|
"__color_checks_text_primary",
|
||||||
|
"__color_checks_btn_hover_icon",
|
||||||
|
"__color_checks_input_focus_text",
|
||||||
|
"__color_checks_dropdown_text",
|
||||||
|
"__color_checks_dropdown_hover_text",
|
||||||
|
"__color_checks_dropdown_btn_hover_text",
|
||||||
|
"__color_checks_header_label_open_text",
|
||||||
|
"__color_btn_text",
|
||||||
|
"__color_fg_default",
|
||||||
|
"__color_scale_gray_1",
|
||||||
|
];
|
||||||
|
|
||||||
|
export var BG0 = [
|
||||||
|
"__color_prettylights_syntax_invalid_illegal_text",
|
||||||
|
"__color_prettylights_syntax_carriage_return_text",
|
||||||
|
"__color_header_logo",
|
||||||
|
"__color_scale_gray_0",
|
||||||
|
];
|
||||||
|
|
||||||
|
// possibly text color/icon?
|
||||||
|
|
||||||
|
export var ScaleWhite = [
|
||||||
|
"__color_checks_line_dt_fm_text",
|
||||||
|
"__color_ans_Iwhite_bright",
|
||||||
|
"__color_btn_primary_text",
|
||||||
|
"__color_btn_primary_icon",
|
||||||
|
"__color_btn_outline_selected_text",
|
||||||
|
"__color_btn_danger_hover_text",
|
||||||
|
"__color_btn_danger_hover_icon",
|
||||||
|
"__color_btn_danger_selected_text",
|
||||||
|
"__color_fg_on_emphasis",
|
||||||
|
"__color_scale_white",
|
||||||
|
];
|
||||||
|
|
||||||
|
// text color
|
||||||
|
|
||||||
|
export var TextColor = [
|
||||||
|
"__color_scale_coral_9",
|
||||||
|
"__color_primer_fg_disabled",
|
||||||
|
"__color_fg_subtle",
|
||||||
|
"__color_fg_muted",
|
||||||
|
"__color_diff_blob_addition_fg",
|
||||||
|
"__color_diff_blob_deletion_fg",
|
||||||
|
"__color_fg_default",
|
||||||
|
"__color_fg_on_emphasis",
|
||||||
|
];
|
||||||
|
|
||||||
|
// accents
|
||||||
|
|
||||||
|
// // blue_1
|
||||||
|
// __color_prettylights_syntax_string
|
||||||
|
// __color_prettylights_syntax_constant_other_reference_link
|
||||||
|
// __color_codemirror_syntax_string
|
||||||
|
// __color_scale_blue_1
|
||||||
|
|
||||||
|
// // blue 2
|
||||||
|
// __color_marketing_icon_primary
|
||||||
|
// __color_prettylights_syntax_constant
|
||||||
|
// __color_codemirror_syntax_constant
|
||||||
|
// __color_codemirror_syntax_support
|
||||||
|
// __color_checks_ans_Iblue_bright
|
||||||
|
// __color_ans_Iblue_bright
|
||||||
|
// __color_scale_blue_2
|
||||||
|
|
||||||
|
// //blue 3
|
||||||
|
// __color_checks_text_link
|
||||||
|
// __color_checks_line_selected_num_text
|
||||||
|
// __color_checks_logline_command_text
|
||||||
|
// __color_checks_ans_Iblue
|
||||||
|
// __color_ans_Iblue
|
||||||
|
// __color_btn_outline_text
|
||||||
|
// __color_btn_outline_hover_text
|
||||||
|
// __color_switch_track_checked_border
|
||||||
|
// __color_accent_fg
|
||||||
|
// __color_scale_blue_3
|
||||||
|
|
||||||
|
// // blue 5
|
||||||
|
// __color_marketing_icon_secondary
|
||||||
|
// __color_prettylights_syntax_markup_heading
|
||||||
|
// __color_switch_knob_checked_bg
|
||||||
|
// __color_accent_emphasis
|
||||||
|
// __color_scale_blue_5
|
||||||
|
|
||||||
|
// // blue 6
|
||||||
|
// __color_prettylights_syntax_markup_ignored_bg
|
||||||
|
// __color_scale_blue_6
|
||||||
|
|
||||||
|
// // blue 7
|
||||||
|
// __color_btn_outline_selected_bg
|
||||||
|
// __color_scale_blue_7
|
||||||
|
|
||||||
|
// // blue 8
|
||||||
|
// __color_select_menu_tap_focus_bg
|
||||||
|
// __color_primer_shadow_focus
|
||||||
|
// __color_scale_blue_8
|
||||||
|
|
||||||
|
// // red 3
|
||||||
|
// __color_scale_red_3
|
||||||
|
// __color_action_list_item_danger_hover_text
|
||||||
|
// __color_btn_danger_selected_border
|
||||||
|
// __color_ans_Ired
|
||||||
|
// __color_codemirror_syntax_keyword
|
||||||
|
// __color_codemirror_syntax_storage
|
||||||
|
// __color_prettylights_syntax_keyword
|
102
src/methods/schemeGen.js
Normal file
|
@ -0,0 +1,102 @@
|
||||||
|
/*global chrome*/
|
||||||
|
import { pintGet, pintSet, pintGetUpdate, pintSetNoReload, updateMultiple } from './helper.js';
|
||||||
|
import * as qs from './quickScheme.js';
|
||||||
|
|
||||||
|
// function to convert hex to rgb
|
||||||
|
export function hexToRgb(hex) {
|
||||||
|
var takenResult = hex;
|
||||||
|
var result = takenResult.replace(/#/g, "").match(/.{1,2}/g);
|
||||||
|
return result
|
||||||
|
? {
|
||||||
|
r: parseInt(result[0], 16),
|
||||||
|
g: parseInt(result[1], 16),
|
||||||
|
b: parseInt(result[2], 16),
|
||||||
|
}
|
||||||
|
: null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function to convert rgb to hex
|
||||||
|
export function rgbToHex(r, g, b) {
|
||||||
|
return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function rgba2hex(orig) {
|
||||||
|
var a, isPercent,
|
||||||
|
rgb = orig.replace(/\s/g, '').match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i),
|
||||||
|
alpha = (rgb && rgb[4] || "").trim(),
|
||||||
|
hex = rgb ?
|
||||||
|
(rgb[1] | 1 << 8).toString(16).slice(1) +
|
||||||
|
(rgb[2] | 1 << 8).toString(16).slice(1) +
|
||||||
|
(rgb[3] | 1 << 8).toString(16).slice(1) : orig;
|
||||||
|
|
||||||
|
if (alpha !== "") {
|
||||||
|
a = alpha;
|
||||||
|
} else {
|
||||||
|
a = 1;
|
||||||
|
}
|
||||||
|
// multiply before convert to HEX
|
||||||
|
a = ((a * 255) | 1 << 8).toString(16).slice(1)
|
||||||
|
hex = hex + a;
|
||||||
|
|
||||||
|
return hex;
|
||||||
|
}
|
||||||
|
|
||||||
|
// generate array of hex color gradients given a single hex color
|
||||||
|
export function generateHexGradients(hex) {
|
||||||
|
var rgb = hexToRgb(hex);
|
||||||
|
var hexGradients = [];
|
||||||
|
for (var i = 0; i < 6; i++) {
|
||||||
|
var r = rgb.r - i * 10;
|
||||||
|
var g = rgb.g - i * 10;
|
||||||
|
var b = rgb.b - i * 10;
|
||||||
|
hexGradients.push(rgbToHex(r, g, b));
|
||||||
|
}
|
||||||
|
return hexGradients;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function generateAccent(hex, modifier) {
|
||||||
|
var rgb = hexToRgb(hex);
|
||||||
|
var r = rgb.r - modifier;
|
||||||
|
var b = rgb.b - modifier;
|
||||||
|
var g = rgb.g - modifier;
|
||||||
|
return rgbToHex(r, g, b);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateViaQuickScheme(color) {
|
||||||
|
var gradient = generateHexGradients(color);
|
||||||
|
pintSetNoReload("__color_calendar_graph_day_L4_bg", `${gradient[0]}` + "ff");
|
||||||
|
pintSetNoReload("__color_calendar_graph_day_L3_bg", `${gradient[0]}` + "c5");
|
||||||
|
pintSetNoReload("__color_calendar_graph_day_L2_bg", `${gradient[0]}` + "8a");
|
||||||
|
pintSetNoReload("__color_calendar_graph_day_L1_bg", `${gradient[0]}` + "54");
|
||||||
|
pintSetNoReload("__color_accent_emphasis", gradient[4]);
|
||||||
|
pintSetNoReload("__color_btn_primary_bg", gradient[5]);
|
||||||
|
pintSetNoReload("__color_btn_primary_hover_bg", gradient[4]);
|
||||||
|
pintSetNoReload("__color_btn_primary_active_bg", gradient[4]);
|
||||||
|
pintSetNoReload("__color_btn_primary_focus_bg", gradient[4]);
|
||||||
|
pintSetNoReload("__color_btn_primary_disabled_bg", gradient[4]);
|
||||||
|
chrome.tabs.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
export function bgGen(color) {
|
||||||
|
updateMultiple(qs.BG9, color);
|
||||||
|
updateMultiple(qs.ScaleBlack, generateAccent(color, 10))
|
||||||
|
updateMultiple(qs.BG8, generateAccent(color, -10))
|
||||||
|
updateMultiple(qs.BG7, generateAccent(color, -20))
|
||||||
|
updateMultiple(qs.BG6, generateAccent(color, -30))
|
||||||
|
updateMultiple(qs.BG5, generateAccent(color, -50))
|
||||||
|
updateMultiple(qs.BG4, generateAccent(color, -70))
|
||||||
|
updateMultiple(qs.BG3, generateAccent(color, -90))
|
||||||
|
updateMultiple(qs.BG2, generateAccent(color, -110))
|
||||||
|
updateMultiple(qs.BG1, generateAccent("#ffffff", 0))
|
||||||
|
updateMultiple(qs.BG0, generateAccent(color, -130))
|
||||||
|
chrome.tabs.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updateText(color) {
|
||||||
|
updateMultiple(qs.TextColor, color);
|
||||||
|
chrome.tabs.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
export function accentGen(color) {
|
||||||
|
|
||||||
|
}
|
450
src/methods/settings.js
Normal file
|
@ -0,0 +1,450 @@
|
||||||
|
export const settings = {
|
||||||
|
"__color_accent_emphasis" : "#1f6feb",
|
||||||
|
"__color_accent_fg" : "#58a6ff",
|
||||||
|
"__color_accent_muted" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_accent_subtle" : "rgba(56, 139, 253, 0.15)",
|
||||||
|
"__color_action_list_item_danger_active_bg" : "rgba(248, 81, 73, 0.24)",
|
||||||
|
"__color_action_list_item_danger_hover_bg" : "rgba(248, 81, 73, 0.16)",
|
||||||
|
"__color_action_list_item_danger_hover_text" : "#ff7b72",
|
||||||
|
"__color_action_list_item_default_active_bg" : "rgba(177, 186, 196, 0.2)",
|
||||||
|
"__color_action_list_item_default_active_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_action_list_item_default_hover_bg" : "rgba(177, 186, 196, 0.12)",
|
||||||
|
"__color_action_list_item_default_hover_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_action_list_item_default_selected_bg" : "rgba(177, 186, 196, 0.08)",
|
||||||
|
"__color_action_list_item_inline_divider" : "rgba(48, 54, 61, 0.48)",
|
||||||
|
"__color_ans_Iblack_bright" : "#6e7681",
|
||||||
|
"__color_ans_Iblack" : "#484f58",
|
||||||
|
"__color_ans_Iblue_bright" : "#79c0ff",
|
||||||
|
"__color_ans_Iblue" : "#58a6ff",
|
||||||
|
"__color_ans_Icyan_bright" : "#56d4dd",
|
||||||
|
"__color_ans_Icyan" : "#39c5cf",
|
||||||
|
"__color_ans_Igray" : "#6e7681",
|
||||||
|
"__color_ans_Igreen_bright" : "#56d364",
|
||||||
|
"__color_ans_Igreen" : "#3fb950",
|
||||||
|
"__color_ans_Imagenta_bright" : "#d2a8ff",
|
||||||
|
"__color_ans_Imagenta" : "#bc8cff",
|
||||||
|
"__color_ans_Ired_bright" : "#ffa198",
|
||||||
|
"__color_ans_Ired" : "#ff7b72",
|
||||||
|
"__color_ans_Iwhite_bright" : "#ffffff",
|
||||||
|
"__color_ans_Iwhite" : "#b1bac4",
|
||||||
|
"__color_ans_Iyellow_bright" : "#e3b341",
|
||||||
|
"__color_ans_Iyellow" : "#d29922",
|
||||||
|
"__color_attention_emphasis" : "#9e6a03",
|
||||||
|
"__color_attention_fg" : "#d29922",
|
||||||
|
"__color_attention_muted" : "rgba(187, 128, 9, 0.4)",
|
||||||
|
"__color_attention_subtle" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_avatar_bg" : "rgba(255, 255, 255, 0.1)",
|
||||||
|
"__color_avatar_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_avatar_child_shadow" : "_2px _2px 0 #0d1117",
|
||||||
|
"__color_avatar_stack_fade_more" : "#21262d",
|
||||||
|
"__color_avatar_stack_fade" : "#30363d",
|
||||||
|
"__color_border_default" : "#30363d",
|
||||||
|
"__color_border_muted" : "#21262d",
|
||||||
|
"__color_border_subtle" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_active_bg" : "hsla(212, 12%, 18%, 1)",
|
||||||
|
"__color_btn_active_border" : "#6e7681",
|
||||||
|
"__color_btn_bg" : "#21262d",
|
||||||
|
"__color_btn_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_counter_bg" : "#30363d",
|
||||||
|
"__color_btn_danger_counter_bg" : "rgba(218, 54, 51, 0.1)",
|
||||||
|
"__color_btn_danger_disabled_bg" : "#0d1117",
|
||||||
|
"__color_btn_danger_disabled_counter_bg" : "rgba(218, 54, 51, 0.05)",
|
||||||
|
"__color_btn_danger_disabled_text" : "rgba(248, 81, 73, 0.5)",
|
||||||
|
"__color_btn_danger_focus_border" : "#f85149",
|
||||||
|
"__color_btn_danger_focus_shadow" : "0 0 0 3px rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_btn_danger_hover_bg" : "#da3633",
|
||||||
|
"__color_btn_danger_hover_border" : "#f85149",
|
||||||
|
"__color_btn_danger_hover_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_danger_hover_icon" : "#ffffff",
|
||||||
|
"__color_btn_danger_hover_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_hover_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_hover_text" : "#ffffff",
|
||||||
|
"__color_btn_danger_icon" : "#f85149",
|
||||||
|
"__color_btn_danger_selected_bg" : "#b62324",
|
||||||
|
"__color_btn_danger_selected_border" : "#ff7b72",
|
||||||
|
"__color_btn_danger_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_danger_selected_text" : "#ffffff",
|
||||||
|
"__color_btn_danger_text" : "#f85149",
|
||||||
|
"__color_btn_focus_bg" : "#21262d",
|
||||||
|
"__color_btn_focus_border" : "#8b949e",
|
||||||
|
"__color_btn_focus_shadow" : "0 0 0 3px rgba(139, 148, 158, 0.3)",
|
||||||
|
"__color_btn_hover_bg" : "#30363d",
|
||||||
|
"__color_btn_hover_border" : "#8b949e",
|
||||||
|
"__color_btn_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_outline_counter_bg" : "rgba(31, 111, 235, 0.1)",
|
||||||
|
"__color_btn_outline_disabled_bg" : "#0d1117",
|
||||||
|
"__color_btn_outline_disabled_counter_bg" : "rgba(31, 111, 235, 0.05)",
|
||||||
|
"__color_btn_outline_disabled_text" : "rgba(88, 166, 255, 0.5)",
|
||||||
|
"__color_btn_outline_focus_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_focus_shadow" : "0 0 0 3px rgba(17, 88, 199, 0.4)",
|
||||||
|
"__color_btn_outline_hover_bg" : "#30363d",
|
||||||
|
"__color_btn_outline_hover_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_hover_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_outline_hover_inset_shadow" : "inset 0 1px 0 rgba(255, 255, 255, 0.03)",
|
||||||
|
"__color_btn_outline_hover_shadow" : "0 1px 0 rgba(1, 4, 9, 0.1)",
|
||||||
|
"__color_btn_outline_hover_text" : "#58a6ff",
|
||||||
|
"__color_btn_outline_selected_bg" : "#0d419d",
|
||||||
|
"__color_btn_outline_selected_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_outline_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_outline_selected_text" : "#ffffff",
|
||||||
|
"__color_btn_outline_text" : "#58a6ff",
|
||||||
|
"__color_btn_primary_bg" : "#238636",
|
||||||
|
"__color_btn_primary_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_counter_bg" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_btn_primary_disabled_bg" : "rgba(35, 134, 54, 0.6)",
|
||||||
|
"__color_btn_primary_disabled_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_disabled_text" : "rgba(255, 255, 255, 0.5)",
|
||||||
|
"__color_btn_primary_focus_bg" : "#238636",
|
||||||
|
"__color_btn_primary_focus_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_focus_shadow" : "0 0 0 3px rgba(46, 164, 79, 0.4)",
|
||||||
|
"__color_btn_primary_hover_bg" : "#2ea043",
|
||||||
|
"__color_btn_primary_hover_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_btn_primary_icon" : "#ffffff",
|
||||||
|
"__color_btn_primary_inset_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_selected_bg" : "#238636",
|
||||||
|
"__color_btn_primary_selected_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_primary_text" : "#ffffff",
|
||||||
|
"__color_btn_selected_bg" : "#161b22",
|
||||||
|
"__color_btn_shadow_active" : "inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15)",
|
||||||
|
"__color_btn_shadow_input_focus" : "0 0 0 0.2em rgba(31, 111, 235, 0.3)",
|
||||||
|
"__color_btn_shadow" : "0 0 transparent",
|
||||||
|
"__color_btn_text" : "#c9d1d9",
|
||||||
|
"__color_calendar_graph_day_bg" : "rgba(0,0,0,0.1)",
|
||||||
|
"__color_calendar_graph_day_border" : "rgba(27, 31, 35, 0.06)",
|
||||||
|
"__color_calendar_graph_day_L1_bg" : "#0e4429",
|
||||||
|
"__color_calendar_graph_day_L1_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L2_bg" : "#006d32",
|
||||||
|
"__color_calendar_graph_day_L2_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L3_bg" : "#26a641",
|
||||||
|
"__color_calendar_graph_day_L3_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_graph_day_L4_bg" : "#39d353",
|
||||||
|
"__color_calendar_graph_day_L4_border" : "rgba(255, 255, 255, 0.05)",
|
||||||
|
"__color_calendar_halloween_graph_day_L1_bg" : "#631c03",
|
||||||
|
"__color_calendar_halloween_graph_day_L2_bg" : "#bd561d",
|
||||||
|
"__color_calendar_halloween_graph_day_L3_bg" : "#fa7a18",
|
||||||
|
"__color_calendar_halloween_graph_day_L4_bg" : "#fddf68",
|
||||||
|
"__color_canvas_default_transparent" : "rgba(13, 17, 23, 0)",
|
||||||
|
"__color_canvas_default" : "#0d1117",
|
||||||
|
"__color_canvas_inset" : "#010409",
|
||||||
|
"__color_canvas_overlay" : "#161b22",
|
||||||
|
"__color_canvas_subtle" : "#161b22",
|
||||||
|
"__color_checks_ans_Iblack_bright" : "#161b22",
|
||||||
|
"__color_checks_ans_Iblack" : "#0d1117",
|
||||||
|
"__color_checks_ans_Iblue_bright" : "#79c0ff",
|
||||||
|
"__color_checks_ans_Iblue" : "#58a6ff",
|
||||||
|
"__color_checks_ans_Icyan_bright" : "#b3f0ff",
|
||||||
|
"__color_checks_ans_Icyan" : "#76e3ea",
|
||||||
|
"__color_checks_ans_Igray" : "#6e7681",
|
||||||
|
"__color_checks_ans_Igreen_bright" : "#56d364",
|
||||||
|
"__color_checks_ans_Igreen" : "#3fb950",
|
||||||
|
"__color_checks_ans_Imagenta_bright" : "#d2a8ff",
|
||||||
|
"__color_checks_ans_Imagenta" : "#bc8cff",
|
||||||
|
"__color_checks_ans_Ired_bright" : "#ffa198",
|
||||||
|
"__color_checks_ans_Ired" : "#ff7b72",
|
||||||
|
"__color_checks_ans_Iwhite_bright" : "#b1bac4",
|
||||||
|
"__color_checks_ans_Iwhite" : "#b1bac4",
|
||||||
|
"__color_checks_ans_Iyellow_bright" : "#e3b341",
|
||||||
|
"__color_checks_ans_Iyellow" : "#d29922",
|
||||||
|
"__color_checks_bg" : "#010409",
|
||||||
|
"__color_checks_btn_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_btn_hover_icon" : "#c9d1d9",
|
||||||
|
"__color_checks_btn_icon" : "#8b949e",
|
||||||
|
"__color_checks_container_border_width" : "1px",
|
||||||
|
"__color_checks_donut_error" : "#f85149",
|
||||||
|
"__color_checks_donut_neutral" : "#8b949e",
|
||||||
|
"__color_checks_donut_pending" : "#d29922",
|
||||||
|
"__color_checks_donut_success" : "#2ea043",
|
||||||
|
"__color_checks_dropdown_bg" : "#161b22",
|
||||||
|
"__color_checks_dropdown_border" : "#30363d",
|
||||||
|
"__color_checks_dropdown_btn_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_dropdown_btn_hover_text" : "#c9d1d9",
|
||||||
|
"__color_checks_dropdown_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_dropdown_hover_text" : "#c9d1d9",
|
||||||
|
"__color_checks_dropdown_shadow" : "rgba(1, 4, 9, 0.3)",
|
||||||
|
"__color_checks_dropdown_text" : "#c9d1d9",
|
||||||
|
"__color_checks_gate_bg" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_checks_gate_text" : "#8b949e",
|
||||||
|
"__color_checks_gate_waiting_text" : "#d29922",
|
||||||
|
"__color_checks_header_border" : "#21262d",
|
||||||
|
"__color_checks_header_icon" : "#8b949e",
|
||||||
|
"__color_checks_header_label_open_text" : "#c9d1d9",
|
||||||
|
"__color_checks_header_label_text" : "#8b949e",
|
||||||
|
"__color_checks_input_bg" : "#161b22",
|
||||||
|
"__color_checks_input_focus_text" : "#c9d1d9",
|
||||||
|
"__color_checks_input_placeholder_text" : "#6e7681",
|
||||||
|
"__color_checks_input_shadow" : "0 0 0 1px (obj) => get_1.default(obj, path)",
|
||||||
|
"__color_checks_input_text" : "#8b949e",
|
||||||
|
"__color_checks_line_dt_fm_bg" : "#9e6a03",
|
||||||
|
"__color_checks_line_dt_fm_text" : "#ffffff",
|
||||||
|
"__color_checks_line_hover_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_checks_line_num_text" : "#6e7681",
|
||||||
|
"__color_checks_line_selected_bg" : "rgba(56, 139, 253, 0.15)",
|
||||||
|
"__color_checks_line_selected_num_text" : "#58a6ff",
|
||||||
|
"__color_checks_line_text" : "#8b949e",
|
||||||
|
"__color_checks_line_timestamp_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_command_text" : "#58a6ff",
|
||||||
|
"__color_checks_logline_debug_text" : "#a371f7",
|
||||||
|
"__color_checks_logline_error_bg" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_checks_logline_error_num_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_error_text" : "#8b949e",
|
||||||
|
"__color_checks_logline_num_text" : "#6e7681",
|
||||||
|
"__color_checks_logline_section_text" : "#3fb950",
|
||||||
|
"__color_checks_logline_text" : "#8b949e",
|
||||||
|
"__color_checks_logline_warning_bg" : "rgba(187, 128, 9, 0.15)",
|
||||||
|
"__color_checks_logline_warning_num_text" : "#d29922",
|
||||||
|
"__color_checks_logline_warning_text" : "#8b949e",
|
||||||
|
"__color_checks_run_border_width" : "1px",
|
||||||
|
"__color_checks_scrollbar_thumb_bg" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_checks_step_error_text" : "#f85149",
|
||||||
|
"__color_checks_step_header_open_bg" : "#161b22",
|
||||||
|
"__color_checks_step_warning_text" : "#d29922",
|
||||||
|
"__color_checks_text_link" : "#58a6ff",
|
||||||
|
"__color_checks_text_primary" : "#c9d1d9",
|
||||||
|
"__color_checks_text_secondary" : "#8b949e",
|
||||||
|
"__color_closed_emphasis" : "#da3633",
|
||||||
|
"__color_closed_fg" : "#f85149",
|
||||||
|
"__color_closed_muted" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_closed_subtle" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_codemirror_activeline_bg" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_codemirror_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_cursor" : "#c9d1d9",
|
||||||
|
"__color_codemirror_guttermarker_subtle_text" : "#6e7681",
|
||||||
|
"__color_codemirror_guttermarker_text" : "#0d1117",
|
||||||
|
"__color_codemirror_gutters_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_linenumber_text" : "#8b949e",
|
||||||
|
"__color_codemirror_lines_bg" : "#0d1117",
|
||||||
|
"__color_codemirror_matchingbracket_text" : "#c9d1d9",
|
||||||
|
"__color_codemirror_selection_bg" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_codemirror_syntax_comment" : "#8b949e",
|
||||||
|
"__color_codemirror_syntax_constant" : "#79c0ff",
|
||||||
|
"__color_codemirror_syntax_entity" : "#d2a8ff",
|
||||||
|
"__color_codemirror_syntax_keyword" : "#ff7b72",
|
||||||
|
"__color_codemirror_syntax_storage" : "#ff7b72",
|
||||||
|
"__color_codemirror_syntax_string" : "#a5d6ff",
|
||||||
|
"__color_codemirror_syntax_support" : "#79c0ff",
|
||||||
|
"__color_codemirror_syntax_variable" : "#ffa657",
|
||||||
|
"__color_codemirror_text" : "#c9d1d9",
|
||||||
|
"__color_counter_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_danger_emphasis" : "#da3633",
|
||||||
|
"__color_danger_fg" : "#f85149",
|
||||||
|
"__color_danger_muted" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_danger_subtle" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_diff_blob_addition_fg" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_addition_line_bg" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_diff_blob_addition_num_bg" : "rgba(63, 185, 80, 0.3)",
|
||||||
|
"__color_diff_blob_addition_num_text" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_addition_word_bg" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_diff_blob_deletion_fg" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_deletion_line_bg" : "rgba(248, 81, 73, 0.15)",
|
||||||
|
"__color_diff_blob_deletion_num_bg" : "rgba(248, 81, 73, 0.3)",
|
||||||
|
"__color_diff_blob_deletion_num_text" : "#c9d1d9",
|
||||||
|
"__color_diff_blob_deletion_word_bg" : "rgba(248, 81, 73, 0.4)",
|
||||||
|
"__color_diff_blob_expander_icon" : "#8b949e",
|
||||||
|
"__color_diff_blob_hunk_num_bg" : "rgba(56, 139, 253, 0.4)",
|
||||||
|
"__color_diff_blob_selected_line_highlight_mix_blend_mode" : "screen",
|
||||||
|
"__color_diffstat_addition_bg" : "#3fb950",
|
||||||
|
"__color_diffstat_addition_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_diffstat_deletion_border" : "rgba(240, 246, 252, 0.1)",
|
||||||
|
"__color_done_emphasis" : "#8957e5",
|
||||||
|
"__color_done_fg" : "#a371f7",
|
||||||
|
"__color_done_muted" : "rgba(163, 113, 247, 0.4)",
|
||||||
|
"__color_done_subtle" : "rgba(163, 113, 247, 0.15)",
|
||||||
|
"__color_fg_default" : "#c9d1d9",
|
||||||
|
"__color_fg_muted" : "#8b949e",
|
||||||
|
"__color_fg_on_emphasis" : "#ffffff",
|
||||||
|
"__color_fg_subtle" : "#6e7681",
|
||||||
|
"__color_header_bg" : "#161b22",
|
||||||
|
"__color_header_divider" : "#8b949e",
|
||||||
|
"__color_header_logo" : "#f0f6fc",
|
||||||
|
"__color_header_search_bg" : "#0d1117",
|
||||||
|
"__color_header_search_border" : "#30363d",
|
||||||
|
"__color_header_text" : "rgba(255, 255, 255, 0.7)",
|
||||||
|
"__color_input_disabled_bg" : "rgba(110, 118, 129, 0)",
|
||||||
|
"__color_marketing_icon_primary" : "#79c0ff",
|
||||||
|
"__color_marketing_icon_secondary" : "#1f6feb",
|
||||||
|
"__color_menu_bg_active" : "#161b22",
|
||||||
|
"__color_mktg_btn_bg" : "#f6f8fa",
|
||||||
|
"__color_mktg_btn_shadow_focus" : "rgb(255 255 255 / 25%) 0 0 0 4px",
|
||||||
|
"__color_mktg_btn_shadow_hover_muted" : "rgb(255 255 255) 0 0 0 2px inset",
|
||||||
|
"__color_mktg_btn_shadow_hover" : "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
|
||||||
|
"__color_mktg_btn_shadow_outline" : "rgb(255 255 255 / 25%) 0 0 0 1px inset",
|
||||||
|
"__color_neutral_emphasis_plus" : "#6e7681",
|
||||||
|
"__color_neutral_emphasis" : "#6e7681",
|
||||||
|
"__color_neutral_muted" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_neutral_subtle" : "rgba(110, 118, 129, 0.1)",
|
||||||
|
"__color_open_emphasis" : "#238636",
|
||||||
|
"__color_open_fg" : "#3fb950",
|
||||||
|
"__color_open_muted" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_open_subtle" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_overlay_shadow" : "0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85)",
|
||||||
|
"__color_page_header_bg" : "#0d1117",
|
||||||
|
"__color_prettylights_syntax_brackethighlighter_angle" : "#8b949e",
|
||||||
|
"__color_prettylights_syntax_brackethighlighter_unmatched" : "#f85149",
|
||||||
|
"__color_prettylights_syntax_carriage_return_bg" : "#b62324",
|
||||||
|
"__color_prettylights_syntax_carriage_return_text" : "#f0f6fc",
|
||||||
|
"__color_prettylights_syntax_comment" : "#8b949e",
|
||||||
|
"__color_prettylights_syntax_constant_other_reference_link" : "#a5d6ff",
|
||||||
|
"__color_prettylights_syntax_constant" : "#79c0ff",
|
||||||
|
"__color_prettylights_syntax_entity_tag" : "#7ee787",
|
||||||
|
"__color_prettylights_syntax_entity" : "#d2a8ff",
|
||||||
|
"__color_prettylights_syntax_invalid_illegal_bg" : "#8e1519",
|
||||||
|
"__color_prettylights_syntax_invalid_illegal_text" : "#f0f6fc",
|
||||||
|
"__color_prettylights_syntax_keyword" : "#ff7b72",
|
||||||
|
"__color_prettylights_syntax_markup_bold" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_changed_bg" : "#5a1e02",
|
||||||
|
"__color_prettylights_syntax_markup_changed_text" : "#ffdfb6",
|
||||||
|
"__color_prettylights_syntax_markup_deleted_bg" : "#67060c",
|
||||||
|
"__color_prettylights_syntax_markup_deleted_text" : "#ffdcd7",
|
||||||
|
"__color_prettylights_syntax_markup_heading" : "#1f6feb",
|
||||||
|
"__color_prettylights_syntax_markup_ignored_bg" : "#1158c7",
|
||||||
|
"__color_prettylights_syntax_markup_ignored_text" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_inserted_bg" : "#033a16",
|
||||||
|
"__color_prettylights_syntax_markup_inserted_text" : "#aff5b4",
|
||||||
|
"__color_prettylights_syntax_markup_italic" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_markup_list" : "#f2cc60",
|
||||||
|
"__color_prettylights_syntax_meta_diff_range" : "#d2a8ff",
|
||||||
|
"__color_prettylights_syntax_storage_modifier_import" : "#c9d1d9",
|
||||||
|
"__color_prettylights_syntax_string_regexp" : "#7ee787",
|
||||||
|
"__color_prettylights_syntax_string" : "#a5d6ff",
|
||||||
|
"__color_prettylights_syntax_sublimelinter_gutter_mark" : "#484f58",
|
||||||
|
"__color_prettylights_syntax_variable" : "#ffa657",
|
||||||
|
"__color_primer_border_active" : "#F78166",
|
||||||
|
"__color_primer_border_contrast" : "rgba(255, 255, 255, 0.2)",
|
||||||
|
"__color_primer_canvas_backdrop" : "rgba(1, 4, 9, 0.8)",
|
||||||
|
"__color_primer_canvas_sticky" : "rgba(13, 17, 23, 0.95)",
|
||||||
|
"__color_primer_fg_disabled" : "#484f58",
|
||||||
|
"__color_primer_shadow_focus" : "0 0 0 3px #0c2d6b",
|
||||||
|
"__color_primer_shadow_highlight" : "0 0 transparent",
|
||||||
|
"__color_primer_shadow_inset" : "0 0 transparent",
|
||||||
|
"__color_project_gradient_in" : "#161b22",
|
||||||
|
"__color_project_gradient_out" : "rgba(22, 27, 34, 0)",
|
||||||
|
"__color_project_header_bg" : "#0d1117",
|
||||||
|
"__color_project_sidebar_bg" : "#161b22",
|
||||||
|
"__color_scale_black" : "#010409",
|
||||||
|
"__color_scale_blue_0" : "#cae8ff",
|
||||||
|
"__color_scale_blue_1" : "#a5d6ff",
|
||||||
|
"__color_scale_blue_2" : "#79c0ff",
|
||||||
|
"__color_scale_blue_3" : "#58a6ff",
|
||||||
|
"__color_scale_blue_4" : "#388bfd",
|
||||||
|
"__color_scale_blue_5" : "#1f6feb",
|
||||||
|
"__color_scale_blue_6" : "#1158c7",
|
||||||
|
"__color_scale_blue_7" : "#0d419d",
|
||||||
|
"__color_scale_blue_8" : "#0c2d6b",
|
||||||
|
"__color_scale_blue_9" : "#051d4d",
|
||||||
|
"__color_scale_coral_0" : "#FFDDD2",
|
||||||
|
"__color_scale_coral_1" : "#FFC2B2",
|
||||||
|
"__color_scale_coral_2" : "#FFA28B",
|
||||||
|
"__color_scale_coral_3" : "#F78166",
|
||||||
|
"__color_scale_coral_4" : "#EA6045",
|
||||||
|
"__color_scale_coral_5" : "#CF462D",
|
||||||
|
"__color_scale_coral_6" : "#AC3220",
|
||||||
|
"__color_scale_coral_7" : "#872012",
|
||||||
|
"__color_scale_coral_8" : "#640D04",
|
||||||
|
"__color_scale_coral_9" : "#460701",
|
||||||
|
"__color_scale_gray_0" : "#f0f6fc",
|
||||||
|
"__color_scale_gray_1" : "#c9d1d9",
|
||||||
|
"__color_scale_gray_2" : "#b1bac4",
|
||||||
|
"__color_scale_gray_3" : "#8b949e",
|
||||||
|
"__color_scale_gray_4" : "#6e7681",
|
||||||
|
"__color_scale_gray_5" : "#484f58",
|
||||||
|
"__color_scale_gray_6" : "#30363d",
|
||||||
|
"__color_scale_gray_7" : "#21262d",
|
||||||
|
"__color_scale_gray_8" : "#161b22",
|
||||||
|
"__color_scale_gray_9" : "#0d1117",
|
||||||
|
"__color_scale_green_0" : "#aff5b4",
|
||||||
|
"__color_scale_green_1" : "#7ee787",
|
||||||
|
"__color_scale_green_2" : "#56d364",
|
||||||
|
"__color_scale_green_3" : "#3fb950",
|
||||||
|
"__color_scale_green_4" : "#2ea043",
|
||||||
|
"__color_scale_green_5" : "#238636",
|
||||||
|
"__color_scale_green_6" : "#196c2e",
|
||||||
|
"__color_scale_green_7" : "#0f5323",
|
||||||
|
"__color_scale_green_8" : "#033a16",
|
||||||
|
"__color_scale_green_9" : "#04260f",
|
||||||
|
"__color_scale_orange_0" : "#ffdfb6",
|
||||||
|
"__color_scale_orange_1" : "#ffc680",
|
||||||
|
"__color_scale_orange_2" : "#ffa657",
|
||||||
|
"__color_scale_orange_3" : "#f0883e",
|
||||||
|
"__color_scale_orange_4" : "#db6d28",
|
||||||
|
"__color_scale_orange_5" : "#bd561d",
|
||||||
|
"__color_scale_orange_6" : "#9b4215",
|
||||||
|
"__color_scale_orange_7" : "#762d0a",
|
||||||
|
"__color_scale_orange_8" : "#5a1e02",
|
||||||
|
"__color_scale_orange_9" : "#3d1300",
|
||||||
|
"__color_scale_pink_0" : "#ffdaec",
|
||||||
|
"__color_scale_pink_1" : "#ffbedd",
|
||||||
|
"__color_scale_pink_2" : "#ff9bce",
|
||||||
|
"__color_scale_pink_3" : "#f778ba",
|
||||||
|
"__color_scale_pink_4" : "#db61a2",
|
||||||
|
"__color_scale_pink_5" : "#bf4b8a",
|
||||||
|
"__color_scale_pink_6" : "#9e3670",
|
||||||
|
"__color_scale_pink_7" : "#7d2457",
|
||||||
|
"__color_scale_pink_8" : "#5e103e",
|
||||||
|
"__color_scale_pink_9" : "#42062a",
|
||||||
|
"__color_scale_purple_0" : "#eddeff",
|
||||||
|
"__color_scale_purple_1" : "#e2c5ff",
|
||||||
|
"__color_scale_purple_2" : "#d2a8ff",
|
||||||
|
"__color_scale_purple_3" : "#bc8cff",
|
||||||
|
"__color_scale_purple_4" : "#a371f7",
|
||||||
|
"__color_scale_purple_5" : "#8957e5",
|
||||||
|
"__color_scale_purple_6" : "#6e40c9",
|
||||||
|
"__color_scale_purple_7" : "#553098",
|
||||||
|
"__color_scale_purple_8" : "#3c1e70",
|
||||||
|
"__color_scale_purple_9" : "#271052",
|
||||||
|
"__color_scale_red_0" : "#ffdcd7",
|
||||||
|
"__color_scale_red_1" : "#ffc1ba",
|
||||||
|
"__color_scale_red_2" : "#ffa198",
|
||||||
|
"__color_scale_red_3" : "#ff7b72",
|
||||||
|
"__color_scale_red_4" : "#f85149",
|
||||||
|
"__color_scale_red_5" : "#da3633",
|
||||||
|
"__color_scale_red_6" : "#b62324",
|
||||||
|
"__color_scale_red_7" : "#8e1519",
|
||||||
|
"__color_scale_red_8" : "#67060c",
|
||||||
|
"__color_scale_red_9" : "#490202",
|
||||||
|
"__color_scale_white" : "#ffffff",
|
||||||
|
"__color_scale_yellow_0" : "#f8e3a1",
|
||||||
|
"__color_scale_yellow_1" : "#f2cc60",
|
||||||
|
"__color_scale_yellow_2" : "#e3b341",
|
||||||
|
"__color_scale_yellow_3" : "#d29922",
|
||||||
|
"__color_scale_yellow_4" : "#bb8009",
|
||||||
|
"__color_scale_yellow_5" : "#9e6a03",
|
||||||
|
"__color_scale_yellow_6" : "#845306",
|
||||||
|
"__color_scale_yellow_7" : "#693e00",
|
||||||
|
"__color_scale_yellow_8" : "#4b2900",
|
||||||
|
"__color_scale_yellow_9" : "#341a00",
|
||||||
|
"__color_search_keyword_hl" : "rgba(210, 153, 34, 0.4)",
|
||||||
|
"__color_select_menu_backdrop_border" : "#484f58",
|
||||||
|
"__color_select_menu_tap_focus_bg" : "#0c2d6b",
|
||||||
|
"__color_select_menu_tap_highlight" : "rgba(48, 54, 61, 0.5)",
|
||||||
|
"__color_severe_emphasis" : "#bd561d",
|
||||||
|
"__color_severe_fg" : "#db6d28",
|
||||||
|
"__color_severe_muted" : "rgba(219, 109, 40, 0.4)",
|
||||||
|
"__color_severe_subtle" : "rgba(219, 109, 40, 0.15)",
|
||||||
|
"__color_shadow_extra_large" : "0 12px 48px #010409",
|
||||||
|
"__color_shadow_large" : "0 8px 24px #010409",
|
||||||
|
"__color_shadow_medium" : "0 3px 6px #010409",
|
||||||
|
"__color_shadow_small" : "0 0 transparent",
|
||||||
|
"__color_sidenav_selected_bg" : "#21262d",
|
||||||
|
"__color_sponsors_emphasis" : "#bf4b8a",
|
||||||
|
"__color_sponsors_fg" : "#db61a2",
|
||||||
|
"__color_sponsors_muted" : "rgba(219, 97, 162, 0.4)",
|
||||||
|
"__color_sponsors_subtle" : "rgba(219, 97, 162, 0.15)",
|
||||||
|
"__color_success_emphasis" : "#238636",
|
||||||
|
"__color_success_fg" : "#3fb950",
|
||||||
|
"__color_success_muted" : "rgba(46, 160, 67, 0.4)",
|
||||||
|
"__color_success_subtle" : "rgba(46, 160, 67, 0.15)",
|
||||||
|
"__color_switch_knob_checked_bg" : "#1f6feb",
|
||||||
|
"__color_switch_knob_checked_disabled_bg" : "#484f58",
|
||||||
|
"__color_switch_track_bg" : "#010409",
|
||||||
|
"__color_switch_track_border" : "#6e7681",
|
||||||
|
"__color_switch_track_checked_active_bg" : "rgba(31, 111, 235, 0.65)",
|
||||||
|
"__color_switch_track_checked_bg" : "rgba(31, 111, 235, 0.35)",
|
||||||
|
"__color_switch_track_checked_border" : "#58a6ff",
|
||||||
|
"__color_switch_track_checked_hover_bg" : "rgba(31, 111, 235, 0.5)",
|
||||||
|
"__color_timeline_badge_bg" : "#21262d",
|
||||||
|
"__color_topic_tag_border" : "rgba(0, 0, 0, 0)",
|
||||||
|
"__color_underlinenav_border_hover" : "rgba(110, 118, 129, 0.4)",
|
||||||
|
"__color_underlinenav_icon" : "#6e7681",
|
||||||
|
"__color_workflow_card_header_shadow" : "rgba(27, 31, 35, 0.04)"
|
||||||
|
};
|
1
src/react-app-env.d.ts
vendored
Normal file
|
@ -0,0 +1 @@
|
||||||
|
/// <reference types="react-scripts" />
|
15
src/reportWebVitals.ts
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
import { ReportHandler } from 'web-vitals';
|
||||||
|
|
||||||
|
const reportWebVitals = (onPerfEntry?: ReportHandler) => {
|
||||||
|
if (onPerfEntry && onPerfEntry instanceof Function) {
|
||||||
|
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
|
||||||
|
getCLS(onPerfEntry);
|
||||||
|
getFID(onPerfEntry);
|
||||||
|
getFCP(onPerfEntry);
|
||||||
|
getLCP(onPerfEntry);
|
||||||
|
getTTFB(onPerfEntry);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export default reportWebVitals;
|
5
src/setupTests.ts
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
// jest-dom adds custom jest matchers for asserting on DOM nodes.
|
||||||
|
// allows you to do things like:
|
||||||
|
// expect(element).toHaveTextContent(/react/i)
|
||||||
|
// learn more: https://github.com/testing-library/jest-dom
|
||||||
|
import '@testing-library/jest-dom';
|
73
src/views/Options.tsx
Normal file
|
@ -0,0 +1,73 @@
|
||||||
|
import React from 'react';
|
||||||
|
import '../assets/styles/App.css';
|
||||||
|
import Header from '../components/options/Header';
|
||||||
|
import QuickChange from '../components/options/QuickChange';
|
||||||
|
import QuickSettings from '../components/popup/QuickSettings';
|
||||||
|
import '../methods/settings.js';
|
||||||
|
import { settings } from '../methods/settings';
|
||||||
|
import ChangeCard from '../components/options/ChangeCard';
|
||||||
|
import react from 'react';
|
||||||
|
import { HexColorInput, HexColorPicker, RgbaColorPicker } from 'react-colorful';
|
||||||
|
import CardTitle from '../components/global/CardTitle';
|
||||||
|
import { rgba2hex } from '../methods/schemeGen';
|
||||||
|
|
||||||
|
var settingsList = Object.keys(settings);
|
||||||
|
|
||||||
|
var defaultValue = { r: 200, g: 150, b: 35, a: 0.5 }
|
||||||
|
var stringifiedColor = `rgba(${defaultValue.r},${defaultValue.g},${defaultValue.b},${defaultValue.a})`
|
||||||
|
var defaultHexValue = rgba2hex(stringifiedColor);
|
||||||
|
|
||||||
|
export default function Options() {
|
||||||
|
|
||||||
|
const [color, setColor] = react.useState(defaultValue);
|
||||||
|
const [hexColor, setHexColor] = react.useState()
|
||||||
|
|
||||||
|
react.useLayoutEffect(() => {
|
||||||
|
stringifiedColor = `rgba(${color.r},${color.g},${color.b},${color.a})`
|
||||||
|
setHexColor(rgba2hex(stringifiedColor));
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="relative flex flex-col align justify-center items-center">
|
||||||
|
<div className="relative max-w-7xl flex flex-row">
|
||||||
|
<div className=" w-[300px]">
|
||||||
|
</div>
|
||||||
|
<div className=" fixed w-[300px]">
|
||||||
|
<Header/>
|
||||||
|
<QuickSettings/>
|
||||||
|
<div className="flex flex-col rounded-lg mt-2 mx-3 p-1 bg-white">
|
||||||
|
<div className=" bg-whiteflex-start align-left text-l p-1">
|
||||||
|
<p>hex-rgba converter</p>
|
||||||
|
<div className="flex-col">
|
||||||
|
<div className="flex flex-row justify-between items-center">
|
||||||
|
<p className="flex-start my-1">rgb({color.r},{color.g},{color.b},{color.a})</p>
|
||||||
|
<p className="flex-end my-1">{hexColor}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="pint flex flex-row mb-2 mt-1 mx-2 text-center">
|
||||||
|
<div className="flex-1 flex-col rounded-lg m-1 p-1 bg-white">
|
||||||
|
<div className="flex flex-row justify-content text-left justify-center">
|
||||||
|
<CardTitle name="color picker" />
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-content p-1">
|
||||||
|
<RgbaColorPicker style={{ width: 258, height: 258 }} color={color} onChange={setColor} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col">
|
||||||
|
<p className="text-3xl text-white p-1 mt-2">all settings</p>
|
||||||
|
<p className="text-l text-white p-1 mb-2">customise everything from every text to every div</p>
|
||||||
|
<div className="grid grid-cols-3 gap-1">
|
||||||
|
{settingsList.map((setting) => {
|
||||||
|
return <ChangeCard settingName={setting} colorPickerColor={color}/>
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)};
|
18
src/views/Popup.tsx
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
import React from 'react';
|
||||||
|
import '../assets/styles/App.css';
|
||||||
|
import QuickChange from '../components/popup/QuickChange';
|
||||||
|
import Header from '../components/popup/Header';
|
||||||
|
|
||||||
|
import QuickSettings from '../components/popup/QuickSettings';
|
||||||
|
|
||||||
|
function Popup() {
|
||||||
|
return (
|
||||||
|
<div className="relative text-center">
|
||||||
|
<Header/>
|
||||||
|
<QuickSettings/>
|
||||||
|
<QuickChange/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Popup;
|
|
@ -1,45 +0,0 @@
|
||||||
/* Elements */
|
|
||||||
|
|
||||||
* {
|
|
||||||
font-family: 'Montserrat', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin: 0 0;
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#title {
|
|
||||||
height: 80px;
|
|
||||||
background-color: rgb(255, 255, 255);
|
|
||||||
width: 300px;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 0 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
width: 64px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Generics */
|
|
||||||
|
|
||||||
.inb {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.getColor {
|
|
||||||
height: 30px;
|
|
||||||
width: 30px;
|
|
||||||
outline: none;
|
|
||||||
margin: 10px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vertcenter {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
10
tailwind.config.js
Normal file
|
@ -0,0 +1,10 @@
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: [
|
||||||
|
"./src/**/*.{js,jsx,ts,tsx}",
|
||||||
|
],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
27
tsconfig.json
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es6",
|
||||||
|
"lib": [
|
||||||
|
"dom",
|
||||||
|
"dom.iterable",
|
||||||
|
"esnext"
|
||||||
|
],
|
||||||
|
"allowJs": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"strict": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"noFallthroughCasesInSwitch": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
"strictNullChecks": false
|
||||||
|
},
|
||||||
|
"include": [
|
||||||
|
"src"
|
||||||
|
]
|
||||||
|
}
|