added vencord, and nvim colorizer
|
|
@ -0,0 +1,243 @@
|
|||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) {
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/******/
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
/******/
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
/******/
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = function(exports) {
|
||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
/******/ }
|
||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // create a fake namespace object
|
||||
/******/ // mode & 1: value is a module id, require it
|
||||
/******/ // mode & 2: merge all properties of value into the ns
|
||||
/******/ // mode & 4: return value when already ns object
|
||||
/******/ // mode & 8|1: behave like require
|
||||
/******/ __webpack_require__.t = function(value, mode) {
|
||||
/******/ if(mode & 1) value = __webpack_require__(value);
|
||||
/******/ if(mode & 8) return value;
|
||||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
||||
/******/ var ns = Object.create(null);
|
||||
/******/ __webpack_require__.r(ns);
|
||||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
||||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
||||
/******/ return ns;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
/******/
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/build/";
|
||||
/******/
|
||||
/******/
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 116);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 116:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
/* global chrome */
|
||||
|
||||
|
||||
const ports = {};
|
||||
const IS_FIREFOX = navigator.userAgent.indexOf('Firefox') >= 0;
|
||||
chrome.runtime.onConnect.addListener(function (port) {
|
||||
let tab = null;
|
||||
let name = null;
|
||||
|
||||
if (isNumeric(port.name)) {
|
||||
tab = port.name;
|
||||
name = 'devtools';
|
||||
installContentScript(+port.name);
|
||||
} else {
|
||||
tab = port.sender.tab.id;
|
||||
name = 'content-script';
|
||||
}
|
||||
|
||||
if (!ports[tab]) {
|
||||
ports[tab] = {
|
||||
devtools: null,
|
||||
'content-script': null
|
||||
};
|
||||
}
|
||||
|
||||
ports[tab][name] = port;
|
||||
|
||||
if (ports[tab].devtools && ports[tab]['content-script']) {
|
||||
doublePipe(ports[tab].devtools, ports[tab]['content-script']);
|
||||
}
|
||||
});
|
||||
|
||||
function isNumeric(str) {
|
||||
return +str + '' === str;
|
||||
}
|
||||
|
||||
function installContentScript(tabId) {
|
||||
chrome.tabs.executeScript(tabId, {
|
||||
file: '/build/contentScript.js'
|
||||
}, function () {});
|
||||
}
|
||||
|
||||
function doublePipe(one, two) {
|
||||
one.onMessage.addListener(lOne);
|
||||
|
||||
function lOne(message) {
|
||||
two.postMessage(message);
|
||||
}
|
||||
|
||||
two.onMessage.addListener(lTwo);
|
||||
|
||||
function lTwo(message) {
|
||||
one.postMessage(message);
|
||||
}
|
||||
|
||||
function shutdown() {
|
||||
one.onMessage.removeListener(lOne);
|
||||
two.onMessage.removeListener(lTwo);
|
||||
one.disconnect();
|
||||
two.disconnect();
|
||||
}
|
||||
|
||||
one.onDisconnect.addListener(shutdown);
|
||||
two.onDisconnect.addListener(shutdown);
|
||||
}
|
||||
|
||||
function setIconAndPopup(reactBuildType, tabId) {
|
||||
chrome.browserAction.setIcon({
|
||||
tabId: tabId,
|
||||
path: {
|
||||
'16': 'icons/16-' + reactBuildType + '.png',
|
||||
'32': 'icons/32-' + reactBuildType + '.png',
|
||||
'48': 'icons/48-' + reactBuildType + '.png',
|
||||
'128': 'icons/128-' + reactBuildType + '.png'
|
||||
}
|
||||
});
|
||||
chrome.browserAction.setPopup({
|
||||
tabId: tabId,
|
||||
popup: 'popups/' + reactBuildType + '.html'
|
||||
});
|
||||
}
|
||||
|
||||
function isRestrictedBrowserPage(url) {
|
||||
return !url || new URL(url).protocol === 'chrome:';
|
||||
}
|
||||
|
||||
function checkAndHandleRestrictedPageIfSo(tab) {
|
||||
if (tab && isRestrictedBrowserPage(tab.url)) {
|
||||
setIconAndPopup('restricted', tab.id);
|
||||
}
|
||||
} // update popup page of any existing open tabs, if they are restricted browser pages.
|
||||
// we can't update for any other types (prod,dev,outdated etc)
|
||||
// as the content script needs to be injected at document_start itself for those kinds of detection
|
||||
// TODO: Show a different popup page(to reload current page probably) for old tabs, opened before the extension is installed
|
||||
|
||||
|
||||
if (!IS_FIREFOX) {
|
||||
chrome.tabs.query({}, tabs => tabs.forEach(checkAndHandleRestrictedPageIfSo));
|
||||
chrome.tabs.onCreated.addListener((tabId, changeInfo, tab) => checkAndHandleRestrictedPageIfSo(tab));
|
||||
} // Listen to URL changes on the active tab and update the DevTools icon.
|
||||
|
||||
|
||||
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
|
||||
if (IS_FIREFOX) {
|
||||
// We don't properly detect protected URLs in Firefox at the moment.
|
||||
// However we can reset the DevTools icon to its loading state when the URL changes.
|
||||
// It will be updated to the correct icon by the onMessage callback below.
|
||||
if (tab.active && changeInfo.status === 'loading') {
|
||||
setIconAndPopup('disabled', tabId);
|
||||
}
|
||||
} else {
|
||||
// Don't reset the icon to the loading state for Chrome or Edge.
|
||||
// The onUpdated callback fires more frequently for these browsers,
|
||||
// often after onMessage has been called.
|
||||
checkAndHandleRestrictedPageIfSo(tab);
|
||||
}
|
||||
});
|
||||
chrome.runtime.onMessage.addListener((request, sender) => {
|
||||
var _request$payload, _ports$id;
|
||||
|
||||
const tab = sender.tab;
|
||||
|
||||
if (tab) {
|
||||
const id = tab.id; // This is sent from the hook content script.
|
||||
// It tells us a renderer has attached.
|
||||
|
||||
if (request.hasDetectedReact) {
|
||||
// We use browserAction instead of pageAction because this lets us
|
||||
// display a custom default popup when React is *not* detected.
|
||||
// It is specified in the manifest.
|
||||
setIconAndPopup(request.reactBuildType, id);
|
||||
} else {
|
||||
switch ((_request$payload = request.payload) === null || _request$payload === void 0 ? void 0 : _request$payload.type) {
|
||||
case 'fetch-file-with-cache-complete':
|
||||
case 'fetch-file-with-cache-error':
|
||||
// Forward the result of fetch-in-page requests back to the extension.
|
||||
const devtools = (_ports$id = ports[id]) === null || _ports$id === void 0 ? void 0 : _ports$id.devtools;
|
||||
|
||||
if (devtools) {
|
||||
devtools.postMessage(request);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
@ -0,0 +1,155 @@
|
|||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) {
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/******/
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
/******/
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
/******/
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = function(exports) {
|
||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
/******/ }
|
||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // create a fake namespace object
|
||||
/******/ // mode & 1: value is a module id, require it
|
||||
/******/ // mode & 2: merge all properties of value into the ns
|
||||
/******/ // mode & 4: return value when already ns object
|
||||
/******/ // mode & 8|1: behave like require
|
||||
/******/ __webpack_require__.t = function(value, mode) {
|
||||
/******/ if(mode & 1) value = __webpack_require__(value);
|
||||
/******/ if(mode & 8) return value;
|
||||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
||||
/******/ var ns = Object.create(null);
|
||||
/******/ __webpack_require__.r(ns);
|
||||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
||||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
||||
/******/ return ns;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
/******/
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/build/";
|
||||
/******/
|
||||
/******/
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 117);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 117:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
/* global chrome */
|
||||
|
||||
|
||||
let backendDisconnected = false;
|
||||
let backendInitialized = false;
|
||||
|
||||
function sayHelloToBackend() {
|
||||
window.postMessage({
|
||||
source: 'react-devtools-content-script',
|
||||
hello: true
|
||||
}, '*');
|
||||
}
|
||||
|
||||
function handleMessageFromDevtools(message) {
|
||||
window.postMessage({
|
||||
source: 'react-devtools-content-script',
|
||||
payload: message
|
||||
}, '*');
|
||||
}
|
||||
|
||||
function handleMessageFromPage(event) {
|
||||
if (event.source === window && event.data && event.data.source === 'react-devtools-bridge') {
|
||||
backendInitialized = true;
|
||||
port.postMessage(event.data.payload);
|
||||
}
|
||||
}
|
||||
|
||||
function handleDisconnect() {
|
||||
backendDisconnected = true;
|
||||
window.removeEventListener('message', handleMessageFromPage);
|
||||
window.postMessage({
|
||||
source: 'react-devtools-content-script',
|
||||
payload: {
|
||||
type: 'event',
|
||||
event: 'shutdown'
|
||||
}
|
||||
}, '*');
|
||||
} // proxy from main page to devtools (via the background page)
|
||||
|
||||
|
||||
const port = chrome.runtime.connect({
|
||||
name: 'content-script'
|
||||
});
|
||||
port.onMessage.addListener(handleMessageFromDevtools);
|
||||
port.onDisconnect.addListener(handleDisconnect);
|
||||
window.addEventListener('message', handleMessageFromPage);
|
||||
sayHelloToBackend(); // The backend waits to install the global hook until notified by the content script.
|
||||
// In the event of a page reload, the content script might be loaded before the backend is injected.
|
||||
// Because of this we need to poll the backend until it has been initialized.
|
||||
|
||||
if (!backendInitialized) {
|
||||
const intervalID = setInterval(() => {
|
||||
if (backendInitialized || backendDisconnected) {
|
||||
clearInterval(intervalID);
|
||||
} else {
|
||||
sayHelloToBackend();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
/******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId]) {
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/******/
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
/******/
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
/******/
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = function(exports) {
|
||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
/******/ }
|
||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // create a fake namespace object
|
||||
/******/ // mode & 1: value is a module id, require it
|
||||
/******/ // mode & 2: merge all properties of value into the ns
|
||||
/******/ // mode & 4: return value when already ns object
|
||||
/******/ // mode & 8|1: behave like require
|
||||
/******/ __webpack_require__.t = function(value, mode) {
|
||||
/******/ if(mode & 1) value = __webpack_require__(value);
|
||||
/******/ if(mode & 8) return value;
|
||||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
||||
/******/ var ns = Object.create(null);
|
||||
/******/ __webpack_require__.r(ns);
|
||||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
||||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
||||
/******/ return ns;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
/******/
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/build/";
|
||||
/******/
|
||||
/******/
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 204);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 204:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// Portal target container.
|
||||
window.container = document.getElementById('container');
|
||||
let hasInjectedStyles = false; // DevTools styles are injected into the top-level document head (where the main React app is rendered).
|
||||
// This method copies those styles to the child window where each panel (e.g. Elements, Profiler) is portaled.
|
||||
|
||||
window.injectStyles = getLinkTags => {
|
||||
if (!hasInjectedStyles) {
|
||||
hasInjectedStyles = true;
|
||||
const linkTags = getLinkTags(); // eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
||||
|
||||
for (const linkTag of linkTags) {
|
||||
document.head.appendChild(linkTag);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 338 B |
|
After Width: | Height: | Size: 338 B |
|
After Width: | Height: | Size: 288 B |
|
After Width: | Height: | Size: 313 B |
|
After Width: | Height: | Size: 272 B |
|
After Width: | Height: | Size: 288 B |
|
After Width: | Height: | Size: 338 B |
|
After Width: | Height: | Size: 561 B |
|
After Width: | Height: | Size: 561 B |
|
After Width: | Height: | Size: 490 B |
|
After Width: | Height: | Size: 550 B |
|
After Width: | Height: | Size: 474 B |
|
After Width: | Height: | Size: 490 B |
|
After Width: | Height: | Size: 561 B |
|
After Width: | Height: | Size: 826 B |
|
After Width: | Height: | Size: 826 B |
|
After Width: | Height: | Size: 730 B |
|
After Width: | Height: | Size: 787 B |
|
After Width: | Height: | Size: 714 B |
|
After Width: | Height: | Size: 730 B |
|
After Width: | Height: | Size: 826 B |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Development" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{fill:#d94a38;}.cls-2{fill:#fff;}.cls-3{fill:#231f20;}.cls-4{font-size:12px;font-family:MyriadPro-Regular, Myriad Pro;}</style></defs><title>development</title><g id="Background"><rect class="cls-1" width="1024" height="1024" rx="96" ry="96"/></g><g id="Rings"><g id="Ring-2" data-name="Ring"><path class="cls-2" d="M959,509c0-62-74-117-189-150,27-115,17-207-37-238s-139,6-224,88c-86-81-171-118-224-87s-64,123-36,239C135,394,61,449,61,511s74,117,189,150c-27,115-17,207,37,238s139-6,224-88c86,81,171,118,224,87s64-123,36-239C885,626,959,571,959,509ZM713,157c40,23,45,97,21,193a900,900,0,0,0-121-19,900,900,0,0,0-78-94C606,166,673,133,713,157ZM635,583c-14,24-28,47-43,69-27,2-54,3-83,3l-81-3c-15-22-30-46-44-70s-27-48-38-72c12-24,24-49,39-73s28-47,43-69c27-2,54-3,83-3l81,3c15,22,30,46,44,70s27,48,38,72C662,534,649,558,635,583Zm60-27c11,26,21,52,29,77-25,6-52,10-81,14l26-44ZM511,757c-17-19-35-40-52-63H563C546,716,528,738,511,757ZM378,647c-29-3-56-8-81-13,8-25,17-50,28-77l25,45ZM325,464c-11-26-21-52-29-77,25-6,52-10,81-14l-26,44ZM509,263c17,19,35,40,52,63H457C474,304,492,282,509,263ZM670,418l-28-45c29,3,56,8,81,13-8,25-17,50-28,77ZM305,158c40-23,106,9,177,78a900,900,0,0,0-77,95,900,900,0,0,0-120,20C260,255,265,181,305,158ZM102,511c0-46,61-88,156-114a900,900,0,0,0,44,114,900,900,0,0,0-43,114C164,599,102,558,102,511ZM307,863c-40-23-45-97-21-193a900,900,0,0,0,121,19,900,900,0,0,0,78,94C414,854,347,887,307,863Zm408-1c-40,23-106-9-177-78a900,900,0,0,0,77-95,900,900,0,0,0,120-20C760,765,755,839,715,862Zm46-239a900,900,0,0,0-44-114,900,900,0,0,0,43-114c96,26,157,67,157,114S856,597,761,623Z"/></g></g><g id="Ring_Blockers" data-name="Ring Blockers"><circle class="cls-1" cx="417" cy="672" r="45"/><circle class="cls-1" cx="699" cy="513" r="45"/><circle class="cls-1" cx="797" cy="634" r="45"/><circle class="cls-1" cx="479" cy="818" r="45"/><g id="Layer_14" data-name="Layer 14"><rect class="cls-1" x="420" y="621" width="377" height="188"/><rect class="cls-1" x="500" y="530" width="312" height="405"/></g></g><g id="Bug"><g id="Legs"><path class="cls-3" d="M702,496a17,17,0,0,0-21,13l-19,78,34,8,19-78A17,17,0,0,0,702,496Z"/><text class="cls-4" transform="translate(512 512)">780</text><text class="cls-4" transform="translate(512 512)">780</text><path class="cls-3" d="M813,626a17,17,0,0,0-23-9l-73,32,14,32,73-32A17,17,0,0,0,813,626Z"/><path class="cls-3" d="M834,756l-77-20-9,34,77,20a18,18,0,0,0,9-34Z"/><path class="cls-3" d="M425,656a17,17,0,1,0-10,33l76,23,10-33Z"/><path class="cls-3" d="M532,756l-64,48a18,18,0,1,0,21,28l64-48Z"/><path class="cls-3" d="M584,836l-21,77a17,17,0,1,0,34,9l21-77Z"/></g><g id="Body"><path class="cls-3" d="M762,690h0l-51-92h0A125,125,0,0,0,492,721h0l51,92h0A125,125,0,0,0,762,690Z"/></g><g id="Line"><path class="cls-1" d="M613,649h0a17,17,0,0,0-30,18h0L711,887l30-18Z"/></g><g id="Head_Ring" data-name="Head Ring"><circle class="cls-1" cx="511" cy="509" r="113"/></g><g id="Head"><circle class="cls-3" cx="512" cy="512" r="80"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Development" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{fill:#d94a38;}.cls-2{fill:#fff;}.cls-3{fill:#231f20;}.cls-4{font-size:12px;font-family:MyriadPro-Regular, Myriad Pro;}</style></defs><title>development</title><g id="Background"><rect class="cls-1" width="1024" height="1024" rx="96" ry="96"/></g><g id="Rings"><g id="Ring-2" data-name="Ring"><path class="cls-2" d="M959,509c0-62-74-117-189-150,27-115,17-207-37-238s-139,6-224,88c-86-81-171-118-224-87s-64,123-36,239C135,394,61,449,61,511s74,117,189,150c-27,115-17,207,37,238s139-6,224-88c86,81,171,118,224,87s64-123,36-239C885,626,959,571,959,509ZM713,157c40,23,45,97,21,193a900,900,0,0,0-121-19,900,900,0,0,0-78-94C606,166,673,133,713,157ZM635,583c-14,24-28,47-43,69-27,2-54,3-83,3l-81-3c-15-22-30-46-44-70s-27-48-38-72c12-24,24-49,39-73s28-47,43-69c27-2,54-3,83-3l81,3c15,22,30,46,44,70s27,48,38,72C662,534,649,558,635,583Zm60-27c11,26,21,52,29,77-25,6-52,10-81,14l26-44ZM511,757c-17-19-35-40-52-63H563C546,716,528,738,511,757ZM378,647c-29-3-56-8-81-13,8-25,17-50,28-77l25,45ZM325,464c-11-26-21-52-29-77,25-6,52-10,81-14l-26,44ZM509,263c17,19,35,40,52,63H457C474,304,492,282,509,263ZM670,418l-28-45c29,3,56,8,81,13-8,25-17,50-28,77ZM305,158c40-23,106,9,177,78a900,900,0,0,0-77,95,900,900,0,0,0-120,20C260,255,265,181,305,158ZM102,511c0-46,61-88,156-114a900,900,0,0,0,44,114,900,900,0,0,0-43,114C164,599,102,558,102,511ZM307,863c-40-23-45-97-21-193a900,900,0,0,0,121,19,900,900,0,0,0,78,94C414,854,347,887,307,863Zm408-1c-40,23-106-9-177-78a900,900,0,0,0,77-95,900,900,0,0,0,120-20C760,765,755,839,715,862Zm46-239a900,900,0,0,0-44-114,900,900,0,0,0,43-114c96,26,157,67,157,114S856,597,761,623Z"/></g></g><g id="Ring_Blockers" data-name="Ring Blockers"><circle class="cls-1" cx="417" cy="672" r="45"/><circle class="cls-1" cx="699" cy="513" r="45"/><circle class="cls-1" cx="797" cy="634" r="45"/><circle class="cls-1" cx="479" cy="818" r="45"/><g id="Layer_14" data-name="Layer 14"><rect class="cls-1" x="420" y="621" width="377" height="188"/><rect class="cls-1" x="500" y="530" width="312" height="405"/></g></g><g id="Bug"><g id="Legs"><path class="cls-3" d="M702,496a17,17,0,0,0-21,13l-19,78,34,8,19-78A17,17,0,0,0,702,496Z"/><text class="cls-4" transform="translate(512 512)">780</text><text class="cls-4" transform="translate(512 512)">780</text><path class="cls-3" d="M813,626a17,17,0,0,0-23-9l-73,32,14,32,73-32A17,17,0,0,0,813,626Z"/><path class="cls-3" d="M834,756l-77-20-9,34,77,20a18,18,0,0,0,9-34Z"/><path class="cls-3" d="M425,656a17,17,0,1,0-10,33l76,23,10-33Z"/><path class="cls-3" d="M532,756l-64,48a18,18,0,1,0,21,28l64-48Z"/><path class="cls-3" d="M584,836l-21,77a17,17,0,1,0,34,9l21-77Z"/></g><g id="Body"><path class="cls-3" d="M762,690h0l-51-92h0A125,125,0,0,0,492,721h0l51,92h0A125,125,0,0,0,762,690Z"/></g><g id="Line"><path class="cls-1" d="M613,649h0a17,17,0,0,0-30,18h0L711,887l30-18Z"/></g><g id="Head_Ring" data-name="Head Ring"><circle class="cls-1" cx="511" cy="509" r="113"/></g><g id="Head"><circle class="cls-3" cx="512" cy="512" r="80"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Disabled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{fill:#aaa;}.cls-2{fill:#fff;}</style></defs><title>disabled</title><g id="Background"><rect class="cls-1" width="1024" height="1024" rx="96" ry="96"/></g><g id="Rings"><path class="cls-2" d="M959,509c0-62-74-117-189-150,27-115,17-207-37-238s-139,6-224,88c-86-81-171-118-224-87s-64,123-36,239C135,394,61,449,61,511s74,117,189,150c-27,115-17,207,37,238s139-6,224-88c86,81,171,118,224,87s64-123,36-239C885,626,959,571,959,509ZM713,157c40,23,45,97,21,193a900,900,0,0,0-121-19,900,900,0,0,0-78-94C606,166,673,133,713,157ZM635,583c-14,24-28,47-43,69-27,2-54,3-83,3l-81-3c-15-22-30-46-44-70s-27-48-38-72c12-24,24-49,39-73s28-47,43-69c27-2,54-3,83-3l81,3c15,22,30,46,44,70s27,48,38,72C662,534,649,558,635,583Zm60-27c11,26,21,52,29,77-25,6-52,10-81,14l26-44ZM511,757c-17-19-35-40-52-63H563C546,716,528,738,511,757ZM378,647c-29-3-56-8-81-13,8-25,17-50,28-77l25,45ZM325,464c-11-26-21-52-29-77,25-6,52-10,81-14l-26,44ZM509,263c17,19,35,40,52,63H457C474,304,492,282,509,263ZM670,418l-28-45c29,3,56,8,81,13-8,25-17,50-28,77ZM305,158c40-23,106,9,177,78a900,900,0,0,0-77,95,900,900,0,0,0-120,20C260,255,265,181,305,158ZM102,511c0-46,61-88,156-114a900,900,0,0,0,44,114,900,900,0,0,0-43,114C164,599,102,558,102,511ZM307,863c-40-23-45-97-21-193a900,900,0,0,0,121,19,900,900,0,0,0,78,94C414,854,347,887,307,863Zm408-1c-40,23-106-9-177-78a900,900,0,0,0,77-95,900,900,0,0,0,120-20C760,765,755,839,715,862Zm46-239a900,900,0,0,0-44-114,900,900,0,0,0,43-114c96,26,157,67,157,114S856,597,761,623Z"/></g><g id="Circle"><circle class="cls-2" cx="510" cy="510" r="80"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Outdated" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{fill:#202020;}.cls-2{fill:#fff;}.cls-3{fill:#f9f453;}</style></defs><title>outdated</title><g id="Background"><rect class="cls-1" width="1024" height="1024" rx="96" ry="96"/></g><g id="Rings"><path class="cls-2" d="M510,325C261,325,60,408,60,510S261,695,510,695s450-83,450-185S759,325,510,325Zm0,330c-225,0-407-65-407-145S285,365,510,365s408,65,408,145S735,655,510,655Z"/><path class="cls-2" d="M670,417C546,202,373,69,285,120s-59,267,65,482S647,951,735,900,794,633,670,417ZM384,583C272,388,237,197,306,157s217,86,329,280,148,385,78,425S497,777,384,583Z"/><g id="BLOCKER"><rect class="cls-1" x="564" y="572" width="315" height="397.12" transform="translate(652 -283) rotate(39)"/><rect class="cls-1" x="685" y="369" width="283" height="360.81" transform="translate(255 -262) rotate(21)"/></g><path class="cls-2" d="M670,603c124-215,153-431,65-482S474,202,350,417,197,849,285,900,546,818,670,603ZM384,437C497,243,644,117,714,157s34,231-78,425S376,903,306,863,272,632,384,437Z"/></g><g id="Circle"><circle class="cls-2" cx="512" cy="512" r="80"/></g><g id="Shield"><path class="cls-3" d="M960,887a24,24,0,0,0-5-15h0L807,605h0v-2h0a25,25,0,0,0-43,3h0L613,876h0a24,24,0,0,0-3,11,25,25,0,0,0,24,25H936A25,25,0,0,0,960,887ZM810,848a15,15,0,0,1-15,15H775a15,15,0,0,1-15-15V828a15,15,0,0,1,15-15h20a15,15,0,0,1,15,15Zm0-74a15,15,0,0,1-15,15H775a15,15,0,0,1-15-15V705a15,15,0,0,1,15-15h20a15,15,0,0,1,15,15Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Production" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{fill:#202020;}.cls-2{fill:#59c9f1;}</style></defs><title>production</title><g id="Background"><rect class="cls-1" width="1024" height="1024" rx="96" ry="96"/></g><g id="Rings"><path class="cls-2" d="M959,509c0-62-74-117-189-150,27-115,17-207-37-238s-139,6-224,88c-86-81-171-118-224-87s-64,123-36,239C135,394,61,449,61,511s74,117,189,150c-27,115-17,207,37,238s139-6,224-88c86,81,171,118,224,87s64-123,36-239C885,626,959,571,959,509ZM713,157c40,23,45,97,21,193a900,900,0,0,0-121-19,900,900,0,0,0-78-94C606,166,673,133,713,157ZM635,583c-14,24-28,47-43,69-27,2-54,3-83,3l-81-3c-15-22-30-46-44-70s-27-48-38-72c12-24,24-49,39-73s28-47,43-69c27-2,54-3,83-3l81,3c15,22,30,46,44,70s27,48,38,72C662,534,649,558,635,583Zm60-27c11,26,21,52,29,77-25,6-52,10-81,14l26-44ZM511,757c-17-19-35-40-52-63H563C546,716,528,738,511,757ZM378,647c-29-3-56-8-81-13,8-25,17-50,28-77l25,45ZM325,464c-11-26-21-52-29-77,25-6,52-10,81-14l-26,44ZM509,263c17,19,35,40,52,63H457C474,304,492,282,509,263ZM670,418l-28-45c29,3,56,8,81,13-8,25-17,50-28,77ZM305,158c40-23,106,9,177,78a900,900,0,0,0-77,95,900,900,0,0,0-120,20C260,255,265,181,305,158ZM102,511c0-46,61-88,156-114a900,900,0,0,0,44,114,900,900,0,0,0-43,114C164,599,102,558,102,511ZM307,863c-40-23-45-97-21-193a900,900,0,0,0,121,19,900,900,0,0,0,78,94C414,854,347,887,307,863Zm408-1c-40,23-106-9-177-78a900,900,0,0,0,77-95,900,900,0,0,0,120-20C760,765,755,839,715,862Zm46-239a900,900,0,0,0-44-114,900,900,0,0,0,43-114c96,26,157,67,157,114S856,597,761,623Z"/></g><g id="Circle"><circle class="cls-2" cx="510" cy="510" r="80"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Disabled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{fill:#aaa;}.cls-2{fill:#fff;}</style></defs><title>disabled</title><g id="Background"><rect class="cls-1" width="1024" height="1024" rx="96" ry="96"/></g><g id="Rings"><path class="cls-2" d="M959,509c0-62-74-117-189-150,27-115,17-207-37-238s-139,6-224,88c-86-81-171-118-224-87s-64,123-36,239C135,394,61,449,61,511s74,117,189,150c-27,115-17,207,37,238s139-6,224-88c86,81,171,118,224,87s64-123,36-239C885,626,959,571,959,509ZM713,157c40,23,45,97,21,193a900,900,0,0,0-121-19,900,900,0,0,0-78-94C606,166,673,133,713,157ZM635,583c-14,24-28,47-43,69-27,2-54,3-83,3l-81-3c-15-22-30-46-44-70s-27-48-38-72c12-24,24-49,39-73s28-47,43-69c27-2,54-3,83-3l81,3c15,22,30,46,44,70s27,48,38,72C662,534,649,558,635,583Zm60-27c11,26,21,52,29,77-25,6-52,10-81,14l26-44ZM511,757c-17-19-35-40-52-63H563C546,716,528,738,511,757ZM378,647c-29-3-56-8-81-13,8-25,17-50,28-77l25,45ZM325,464c-11-26-21-52-29-77,25-6,52-10,81-14l-26,44ZM509,263c17,19,35,40,52,63H457C474,304,492,282,509,263ZM670,418l-28-45c29,3,56,8,81,13-8,25-17,50-28,77ZM305,158c40-23,106,9,177,78a900,900,0,0,0-77,95,900,900,0,0,0-120,20C260,255,265,181,305,158ZM102,511c0-46,61-88,156-114a900,900,0,0,0,44,114,900,900,0,0,0-43,114C164,599,102,558,102,511ZM307,863c-40-23-45-97-21-193a900,900,0,0,0,121,19,900,900,0,0,0,78,94C414,854,347,887,307,863Zm408-1c-40,23-106-9-177-78a900,900,0,0,0,77-95,900,900,0,0,0,120-20C760,765,755,839,715,862Zm46-239a900,900,0,0,0-44-114,900,900,0,0,0,43-114c96,26,157,67,157,114S856,597,761,623Z"/></g><g id="Circle"><circle class="cls-2" cx="510" cy="510" r="80"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,9 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<script src="./build/main.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
{
|
||||
"update_url": "https://clients2.google.com/service/update2/crx",
|
||||
|
||||
"manifest_version": 2,
|
||||
"name": "React Developer Tools",
|
||||
"description": "Adds React debugging tools to the Chrome Developer Tools.\n\nCreated from revision 336ac8ceb on 7/13/2022.",
|
||||
"version": "4.25.0",
|
||||
"version_name": "4.25.0 (7/13/2022)",
|
||||
"minimum_chrome_version": "60",
|
||||
"icons": {
|
||||
"16": "icons/16-production.png",
|
||||
"32": "icons/32-production.png",
|
||||
"48": "icons/48-production.png",
|
||||
"128": "icons/128-production.png"
|
||||
},
|
||||
"browser_action": {
|
||||
"default_icon": {
|
||||
"16": "icons/16-disabled.png",
|
||||
"32": "icons/32-disabled.png",
|
||||
"48": "icons/48-disabled.png",
|
||||
"128": "icons/128-disabled.png"
|
||||
},
|
||||
"default_popup": "popups/disabled.html"
|
||||
},
|
||||
"devtools_page": "main.html",
|
||||
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
|
||||
"web_accessible_resources": [
|
||||
"main.html",
|
||||
"panel.html",
|
||||
"build/react_devtools_backend.js",
|
||||
"build/renderer.js"
|
||||
],
|
||||
"background": {
|
||||
"scripts": [
|
||||
"build/background.js"
|
||||
],
|
||||
"persistent": false
|
||||
},
|
||||
"permissions": [
|
||||
"file:///*",
|
||||
"http://*/*",
|
||||
"https://*/*"
|
||||
],
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": [
|
||||
"<all_urls>"
|
||||
],
|
||||
"js": [
|
||||
"build/injectGlobalHook.js"
|
||||
],
|
||||
"run_at": "document_start"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!doctype html>
|
||||
<html style="display: flex">
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<style>
|
||||
html {
|
||||
display: flex;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
#container {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- main react mount point -->
|
||||
<div id="container">Unable to find React on the page.</div>
|
||||
<script src="./build/panel.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<script src="shared.js"></script>
|
||||
<link rel="stylesheet" href="shared.css" />
|
||||
<style>
|
||||
html, body {
|
||||
min-width: 460px;
|
||||
min-height: 133px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<p>
|
||||
<b>This page includes an extra development build of React. 🚧</b>
|
||||
</p>
|
||||
<p>
|
||||
The React build on this page includes both development and production versions because dead code elimination has not been applied correctly.
|
||||
<br />
|
||||
<br />
|
||||
This makes its size larger, and causes React to run slower.
|
||||
<br />
|
||||
<br />
|
||||
Make sure to <a href="https://reactjs.org/docs/optimizing-performance.html#use-the-production-build">set up dead code elimination</a> before deployment.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.
|
||||
</p>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<script src="shared.js"></script>
|
||||
<link rel="stylesheet" href="shared.css" />
|
||||
<style>
|
||||
html, body {
|
||||
min-width: 460px;
|
||||
min-height: 101px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<p>
|
||||
<b>This page is using the development build of React. 🚧</b>
|
||||
</p>
|
||||
<p>
|
||||
Note that the development build is not suitable for production.
|
||||
<br />
|
||||
Make sure to <a href="https://reactjs.org/docs/optimizing-performance.html#use-the-production-build">use the production build</a> before deployment.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.
|
||||
</p>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<script src="shared.js"></script>
|
||||
<link rel="stylesheet" href="shared.css" />
|
||||
<style>
|
||||
html, body {
|
||||
min-width: 410px;
|
||||
min-height: 33px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<p>
|
||||
<b>This page doesn’t appear to be using React.</b>
|
||||
<br />
|
||||
If this seems wrong, follow the <a href="https://github.com/facebook/react/tree/main/packages/react-devtools#the-react-tab-doesnt-show-up">troubleshooting instructions</a>.
|
||||
</p>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<script src="shared.js"></script>
|
||||
<link rel="stylesheet" href="shared.css" />
|
||||
<style>
|
||||
html, body {
|
||||
min-width: 460px;
|
||||
min-height: 117px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<p>
|
||||
<b>This page is using an outdated version of React. ⌛</b>
|
||||
</p>
|
||||
<p>
|
||||
We recommend updating React to ensure that you receive important bugfixes and performance improvements.
|
||||
<br />
|
||||
<br />
|
||||
You can find the upgrade instructions on the <a href="https://reactjs.org/blog/">React blog</a>.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.
|
||||
</p>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<script src="shared.js"></script>
|
||||
<link rel="stylesheet" href="shared.css" />
|
||||
<style>
|
||||
html, body {
|
||||
min-width: 460px;
|
||||
min-height: 39px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<p>
|
||||
<b>This page is using the production build of React. ✅</b>
|
||||
<br />
|
||||
Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.
|
||||
</p>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<script src="shared.js"></script>
|
||||
<link rel="stylesheet" href="shared.css" />
|
||||
<style>
|
||||
html, body {
|
||||
min-width: 286px;
|
||||
min-height: 33px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<p>
|
||||
<b>This is a restricted browser page.</b>
|
||||
<br />
|
||||
React devtools cannot access this page.
|
||||
</p>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
html, body {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 8px;
|
||||
}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
/* globals chrome */
|
||||
|
||||
'use strict';
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Make links work
|
||||
const links = document.getElementsByTagName('a');
|
||||
for (let i = 0; i < links.length; i++) {
|
||||
(function() {
|
||||
const ln = links[i];
|
||||
const location = ln.href;
|
||||
ln.onclick = function() {
|
||||
chrome.tabs.create({active: true, url: location});
|
||||
return false;
|
||||
};
|
||||
})();
|
||||
}
|
||||
|
||||
// Work around https://bugs.chromium.org/p/chromium/issues/detail?id=428044
|
||||
document.body.style.opacity = 0;
|
||||
document.body.style.transition = 'opacity ease-out .4s';
|
||||
requestAnimationFrame(function() {
|
||||
document.body.style.opacity = 1;
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<script src="shared.js"></script>
|
||||
<style>
|
||||
html, body {
|
||||
font-size: 14px;
|
||||
min-width: 460px;
|
||||
min-height: 133px;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<p>
|
||||
<b>This page is using an unminified build of React. 🚧</b>
|
||||
</p>
|
||||
<p>
|
||||
The React build on this page appears to be unminified.
|
||||
<br />
|
||||
This makes its size larger, and causes React to run slower.
|
||||
<br />
|
||||
<br />
|
||||
Make sure to <a href="https://reactjs.org/docs/optimizing-performance.html#use-the-production-build">set up minification</a> before deployment.
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.
|
||||
</p>
|
||||
|
|
@ -0,0 +1 @@
|
|||
{}
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
/**
|
||||
* discord-intl
|
||||
*
|
||||
* @copyright 2024 Discord, Inc.
|
||||
* @link https://github.com/discord/discord-intl
|
||||
* @license MIT
|
||||
*/
|
||||
/*!
|
||||
* BetterDiscord addon meta parser
|
||||
* Copyright 2023 BetterDiscord contributors
|
||||
* Copyright 2023 Vendicated and Vencord contributors
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
/*!
|
||||
* crxToZip
|
||||
* Copyright (c) 2013 Rob Wu <rob@robwu.nl>
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
// Vencord d753478
|
||||
// Standalone: true
|
||||
// Platform: Universal
|
||||
// Updater Disabled: false
|
||||
"use strict";function _(e,r=300){let o;return function(...d){clearTimeout(o),o=setTimeout(()=>{e(...d)},r)}}var n=require("electron"),a=require("fs"),c=require("path");var s=require("electron");function t(e,...r){return s.ipcRenderer.invoke(e,...r)}function m(e,...r){return s.ipcRenderer.sendSync(e,...r)}var S={},u=m("VencordGetPluginIpcMethodMap");for(let[e,r]of Object.entries(u)){let o=S[e]={};for(let[d,g]of Object.entries(r))o[d]=(...p)=>t(g,...p)}var i={themes:{uploadTheme:(e,r)=>t("VencordUploadTheme",e,r),deleteTheme:e=>t("VencordDeleteTheme",e),getThemesDir:()=>t("VencordGetThemesDir"),getThemesList:()=>t("VencordGetThemesList"),getThemeData:e=>t("VencordGetThemeData",e),getSystemValues:()=>t("VencordGetThemeSystemValues")},updater:{getUpdates:()=>t("VencordGetUpdates"),update:()=>t("VencordUpdate"),rebuild:()=>t("VencordBuild"),getRepo:()=>t("VencordGetRepo")},settings:{get:()=>m("VencordGetSettings"),set:(e,r)=>t("VencordSetSettings",e,r),getSettingsDir:()=>t("VencordGetSettingsDir")},quickCss:{get:()=>t("VencordGetQuickCss"),set:e=>t("VencordSetQuickCss",e),addChangeListener(e){s.ipcRenderer.on("VencordQuickCssUpdate",(r,o)=>e(o))},addThemeChangeListener(e){s.ipcRenderer.on("VencordThemeUpdate",()=>e())},openFile:()=>t("VencordOpenQuickCss"),openEditor:()=>t("VencordOpenMonacoEditor")},native:{getVersions:()=>process.versions,openExternal:e=>t("VencordOpenExternal",e)},pluginHelpers:S};n.contextBridge.exposeInMainWorld("VencordNative",i);if(location.protocol!=="data:"){let e=(0,c.join)(__dirname,"renderer.css"),r=document.createElement("style");r.id="vencord-css-core",r.textContent=(0,a.readFileSync)(e,"utf-8"),document.readyState==="complete"?document.documentElement.appendChild(r):document.addEventListener("DOMContentLoaded",()=>document.documentElement.appendChild(r),{once:!0}),n.webFrame.executeJavaScript((0,a.readFileSync)((0,c.join)(__dirname,"renderer.js"),"utf-8")),require(process.env.DISCORD_PRELOAD)}else n.contextBridge.exposeInMainWorld("setCss",_(i.quickCss.set)),n.contextBridge.exposeInMainWorld("getCurrentCss",i.quickCss.get),n.contextBridge.exposeInMainWorld("getTheme",()=>"vs-dark");
|
||||
//# sourceURL=VencordPreload
|
||||
//# sourceMappingURL=vencord://preload.js.map
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
/**
|
||||
* discord-intl
|
||||
*
|
||||
* @copyright 2024 Discord, Inc.
|
||||
* @link https://github.com/discord/discord-intl
|
||||
* @license MIT
|
||||
*/
|
||||
/*!
|
||||
* idb-keyval v6.2.0
|
||||
* Copyright 2016, Jake Archibald
|
||||
* Copyright 2022, Vendicated
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
/**
|
||||
* apng-canvas v2.1.2
|
||||
*
|
||||
* @copyright 2011-2019 David Mzareulyan
|
||||
* @link https://github.com/davidmz/apng-canvas
|
||||
* @license MIT
|
||||
*/
|
||||
/*!
|
||||
* Vencord, a modification for Discord's desktop app
|
||||
* Copyright (c) 2022 Vendicated and contributors
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
Bundled license information:
|
||||
|
||||
virtual-merge/dist/index.mjs:
|
||||
/*!
|
||||
* virtual-merge
|
||||
* Copyright (c) 2023 Vendicated
|
||||
* SPDX-License-Identifier: MIT
|
||||
*/
|
||||
|
|
@ -0,0 +1 @@
|
|||
|
||||
|
|
@ -0,0 +1,630 @@
|
|||
{
|
||||
"autoUpdate": true,
|
||||
"autoUpdateNotification": true,
|
||||
"useQuickCss": false,
|
||||
"themeLinks": [],
|
||||
"eagerPatches": false,
|
||||
"enabledThemes": [
|
||||
"cyberqueer.theme.css"
|
||||
],
|
||||
"enableReactDevtools": true,
|
||||
"frameless": true,
|
||||
"transparent": false,
|
||||
"winCtrlQ": false,
|
||||
"disableMinSize": false,
|
||||
"winNativeTitleBar": false,
|
||||
"plugins": {
|
||||
"ChatInputButtonAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"CommandsAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"DynamicImageModalAPI": {
|
||||
"enabled": false
|
||||
},
|
||||
"MemberListDecoratorsAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"MessageAccessoriesAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"MessageDecorationsAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"MessageEventsAPI": {
|
||||
"enabled": false
|
||||
},
|
||||
"MessagePopoverAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"MessageUpdaterAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"ServerListAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"UserSettingsAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"AccountPanelServerProfile": {
|
||||
"enabled": true
|
||||
},
|
||||
"AlwaysAnimate": {
|
||||
"enabled": true
|
||||
},
|
||||
"AlwaysExpandRoles": {
|
||||
"enabled": true
|
||||
},
|
||||
"AlwaysTrust": {
|
||||
"enabled": true,
|
||||
"domain": true,
|
||||
"file": true
|
||||
},
|
||||
"AnonymiseFileNames": {
|
||||
"enabled": true
|
||||
},
|
||||
"AppleMusicRichPresence": {
|
||||
"enabled": false
|
||||
},
|
||||
"BANger": {
|
||||
"enabled": false
|
||||
},
|
||||
"BetterFolders": {
|
||||
"enabled": true,
|
||||
"sidebar": true,
|
||||
"showFolderIcon": 1,
|
||||
"keepIcons": false,
|
||||
"closeAllHomeButton": false,
|
||||
"closeAllFolders": false,
|
||||
"forceOpen": false,
|
||||
"sidebarAnim": true
|
||||
},
|
||||
"BetterGifAltText": {
|
||||
"enabled": true
|
||||
},
|
||||
"BetterGifPicker": {
|
||||
"enabled": true
|
||||
},
|
||||
"BetterNotesBox": {
|
||||
"enabled": true,
|
||||
"hide": false
|
||||
},
|
||||
"BetterRoleContext": {
|
||||
"enabled": true
|
||||
},
|
||||
"BetterRoleDot": {
|
||||
"enabled": true,
|
||||
"bothStyles": false,
|
||||
"copyRoleColorInProfilePopout": false
|
||||
},
|
||||
"BetterSessions": {
|
||||
"enabled": true,
|
||||
"backgroundCheck": false
|
||||
},
|
||||
"BetterSettings": {
|
||||
"enabled": true,
|
||||
"disableFade": true,
|
||||
"eagerLoad": true
|
||||
},
|
||||
"BetterUploadButton": {
|
||||
"enabled": true
|
||||
},
|
||||
"BiggerStreamPreview": {
|
||||
"enabled": true
|
||||
},
|
||||
"BlurNSFW": {
|
||||
"enabled": false
|
||||
},
|
||||
"CallTimer": {
|
||||
"enabled": true
|
||||
},
|
||||
"ClearURLs": {
|
||||
"enabled": false
|
||||
},
|
||||
"ClientTheme": {
|
||||
"enabled": false
|
||||
},
|
||||
"ColorSighted": {
|
||||
"enabled": false
|
||||
},
|
||||
"ConsoleJanitor": {
|
||||
"enabled": false
|
||||
},
|
||||
"ConsoleShortcuts": {
|
||||
"enabled": false
|
||||
},
|
||||
"CopyEmojiMarkdown": {
|
||||
"enabled": false
|
||||
},
|
||||
"CopyFileContents": {
|
||||
"enabled": false
|
||||
},
|
||||
"CopyUserURLs": {
|
||||
"enabled": true
|
||||
},
|
||||
"CrashHandler": {
|
||||
"enabled": true
|
||||
},
|
||||
"CtrlEnterSend": {
|
||||
"enabled": false
|
||||
},
|
||||
"CustomRPC": {
|
||||
"enabled": true,
|
||||
"type": 0
|
||||
},
|
||||
"CustomIdle": {
|
||||
"enabled": false
|
||||
},
|
||||
"Dearrow": {
|
||||
"enabled": false
|
||||
},
|
||||
"Decor": {
|
||||
"enabled": false
|
||||
},
|
||||
"DisableCallIdle": {
|
||||
"enabled": false
|
||||
},
|
||||
"DontRoundMyTimestamps": {
|
||||
"enabled": false
|
||||
},
|
||||
"EmoteCloner": {
|
||||
"enabled": false
|
||||
},
|
||||
"Experiments": {
|
||||
"enabled": false
|
||||
},
|
||||
"F8Break": {
|
||||
"enabled": false
|
||||
},
|
||||
"FakeNitro": {
|
||||
"enabled": false
|
||||
},
|
||||
"FakeProfileThemes": {
|
||||
"enabled": false
|
||||
},
|
||||
"FavoriteEmojiFirst": {
|
||||
"enabled": false
|
||||
},
|
||||
"FavoriteGifSearch": {
|
||||
"enabled": false
|
||||
},
|
||||
"FixCodeblockGap": {
|
||||
"enabled": true
|
||||
},
|
||||
"FixImagesQuality": {
|
||||
"enabled": true
|
||||
},
|
||||
"FixSpotifyEmbeds": {
|
||||
"enabled": true
|
||||
},
|
||||
"FixYoutubeEmbeds": {
|
||||
"enabled": true
|
||||
},
|
||||
"ForceOwnerCrown": {
|
||||
"enabled": true
|
||||
},
|
||||
"FriendInvites": {
|
||||
"enabled": false
|
||||
},
|
||||
"FriendsSince": {
|
||||
"enabled": true
|
||||
},
|
||||
"FullSearchContext": {
|
||||
"enabled": false
|
||||
},
|
||||
"FullUserInChatbox": {
|
||||
"enabled": false
|
||||
},
|
||||
"GameActivityToggle": {
|
||||
"enabled": false
|
||||
},
|
||||
"GifPaste": {
|
||||
"enabled": false
|
||||
},
|
||||
"GreetStickerPicker": {
|
||||
"enabled": false
|
||||
},
|
||||
"HideMedia": {
|
||||
"enabled": false
|
||||
},
|
||||
"iLoveSpam": {
|
||||
"enabled": false
|
||||
},
|
||||
"IgnoreActivities": {
|
||||
"enabled": false
|
||||
},
|
||||
"ImageLink": {
|
||||
"enabled": false
|
||||
},
|
||||
"ImageZoom": {
|
||||
"enabled": false
|
||||
},
|
||||
"ImplicitRelationships": {
|
||||
"enabled": true,
|
||||
"sortByAffinity": true
|
||||
},
|
||||
"InvisibleChat": {
|
||||
"enabled": true
|
||||
},
|
||||
"IrcColors": {
|
||||
"enabled": false,
|
||||
"memberListColors": true,
|
||||
"lightness": 70,
|
||||
"applyColorOnlyInDms": false,
|
||||
"applyColorOnlyToUsersWithoutColor": false
|
||||
},
|
||||
"KeepCurrentChannel": {
|
||||
"enabled": false
|
||||
},
|
||||
"LastFMRichPresence": {
|
||||
"enabled": false
|
||||
},
|
||||
"LoadingQuotes": {
|
||||
"enabled": true,
|
||||
"replaceEvents": true,
|
||||
"enableDiscordPresetQuotes": false,
|
||||
"additionalQuotes": "",
|
||||
"additionalQuotesDelimiter": "|",
|
||||
"enablePluginPresetQuotes": true
|
||||
},
|
||||
"MemberCount": {
|
||||
"enabled": false
|
||||
},
|
||||
"MentionAvatars": {
|
||||
"enabled": false
|
||||
},
|
||||
"MessageClickActions": {
|
||||
"enabled": false
|
||||
},
|
||||
"MessageLatency": {
|
||||
"enabled": false
|
||||
},
|
||||
"MessageLinkEmbeds": {
|
||||
"enabled": false
|
||||
},
|
||||
"MessageLogger": {
|
||||
"enabled": false
|
||||
},
|
||||
"MessageTags": {
|
||||
"enabled": false
|
||||
},
|
||||
"MoreCommands": {
|
||||
"enabled": false
|
||||
},
|
||||
"MoreKaomoji": {
|
||||
"enabled": false
|
||||
},
|
||||
"Moyai": {
|
||||
"enabled": false
|
||||
},
|
||||
"MutualGroupDMs": {
|
||||
"enabled": false
|
||||
},
|
||||
"NewGuildSettings": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoBlockedMessages": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoDevtoolsWarning": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoF1": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoMaskedUrlPaste": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoMosaic": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoOnboardingDelay": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoPendingCount": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoProfileThemes": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoRPC": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoReplyMention": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoServerEmojis": {
|
||||
"enabled": true
|
||||
},
|
||||
"NoSystemBadge": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoTypingAnimation": {
|
||||
"enabled": false
|
||||
},
|
||||
"NoUnblockToJump": {
|
||||
"enabled": false
|
||||
},
|
||||
"NormalizeMessageLinks": {
|
||||
"enabled": false
|
||||
},
|
||||
"NotificationVolume": {
|
||||
"enabled": false
|
||||
},
|
||||
"NSFWGateBypass": {
|
||||
"enabled": false
|
||||
},
|
||||
"OnePingPerDM": {
|
||||
"enabled": false
|
||||
},
|
||||
"oneko": {
|
||||
"enabled": false
|
||||
},
|
||||
"OpenInApp": {
|
||||
"enabled": false
|
||||
},
|
||||
"OverrideForumDefaults": {
|
||||
"enabled": false
|
||||
},
|
||||
"PartyMode": {
|
||||
"enabled": false
|
||||
},
|
||||
"PauseInvitesForever": {
|
||||
"enabled": false
|
||||
},
|
||||
"PermissionFreeWill": {
|
||||
"enabled": false
|
||||
},
|
||||
"PermissionsViewer": {
|
||||
"enabled": false
|
||||
},
|
||||
"petpet": {
|
||||
"enabled": false
|
||||
},
|
||||
"PictureInPicture": {
|
||||
"enabled": false
|
||||
},
|
||||
"PinDMs": {
|
||||
"enabled": false
|
||||
},
|
||||
"PlainFolderIcon": {
|
||||
"enabled": true
|
||||
},
|
||||
"PlatformIndicators": {
|
||||
"enabled": true,
|
||||
"colorMobileIndicator": true,
|
||||
"list": true,
|
||||
"badges": true,
|
||||
"messages": true
|
||||
},
|
||||
"PreviewMessage": {
|
||||
"enabled": false
|
||||
},
|
||||
"QuickMention": {
|
||||
"enabled": true
|
||||
},
|
||||
"QuickReply": {
|
||||
"enabled": true
|
||||
},
|
||||
"ReactErrorDecoder": {
|
||||
"enabled": false
|
||||
},
|
||||
"ReadAllNotificationsButton": {
|
||||
"enabled": true
|
||||
},
|
||||
"RelationshipNotifier": {
|
||||
"enabled": true,
|
||||
"offlineRemovals": true,
|
||||
"groups": true,
|
||||
"servers": true,
|
||||
"friends": true,
|
||||
"friendRequestCancels": true
|
||||
},
|
||||
"ReplaceGoogleSearch": {
|
||||
"enabled": false
|
||||
},
|
||||
"ReplyTimestamp": {
|
||||
"enabled": false
|
||||
},
|
||||
"RevealAllSpoilers": {
|
||||
"enabled": false
|
||||
},
|
||||
"ReverseImageSearch": {
|
||||
"enabled": true
|
||||
},
|
||||
"ReviewDB": {
|
||||
"enabled": true,
|
||||
"notifyReviews": true
|
||||
},
|
||||
"RoleColorEverywhere": {
|
||||
"enabled": true,
|
||||
"chatMentions": true,
|
||||
"memberList": true,
|
||||
"voiceUsers": true,
|
||||
"reactorsList": true,
|
||||
"pollResults": true,
|
||||
"colorChatMessages": false
|
||||
},
|
||||
"SecretRingToneEnabler": {
|
||||
"enabled": false
|
||||
},
|
||||
"Summaries": {
|
||||
"enabled": false
|
||||
},
|
||||
"SendTimestamps": {
|
||||
"enabled": false
|
||||
},
|
||||
"ServerInfo": {
|
||||
"enabled": false
|
||||
},
|
||||
"ServerListIndicators": {
|
||||
"enabled": false
|
||||
},
|
||||
"ShikiCodeblocks": {
|
||||
"enabled": false
|
||||
},
|
||||
"ShowAllMessageButtons": {
|
||||
"enabled": false
|
||||
},
|
||||
"ShowConnections": {
|
||||
"enabled": false
|
||||
},
|
||||
"ShowHiddenChannels": {
|
||||
"enabled": false
|
||||
},
|
||||
"ShowHiddenThings": {
|
||||
"enabled": false
|
||||
},
|
||||
"ShowMeYourName": {
|
||||
"enabled": false
|
||||
},
|
||||
"ShowTimeoutDuration": {
|
||||
"enabled": false
|
||||
},
|
||||
"SilentMessageToggle": {
|
||||
"enabled": false
|
||||
},
|
||||
"SilentTyping": {
|
||||
"enabled": false
|
||||
},
|
||||
"SortFriendRequests": {
|
||||
"enabled": false
|
||||
},
|
||||
"SpotifyControls": {
|
||||
"enabled": true,
|
||||
"hoverControls": false
|
||||
},
|
||||
"SpotifyCrack": {
|
||||
"enabled": false
|
||||
},
|
||||
"SpotifyShareCommands": {
|
||||
"enabled": false
|
||||
},
|
||||
"StartupTimings": {
|
||||
"enabled": false
|
||||
},
|
||||
"StickerPaste": {
|
||||
"enabled": false
|
||||
},
|
||||
"StreamerModeOnStream": {
|
||||
"enabled": false
|
||||
},
|
||||
"SuperReactionTweaks": {
|
||||
"enabled": false
|
||||
},
|
||||
"TextReplace": {
|
||||
"enabled": false
|
||||
},
|
||||
"ThemeAttributes": {
|
||||
"enabled": false
|
||||
},
|
||||
"Translate": {
|
||||
"enabled": false
|
||||
},
|
||||
"TypingIndicator": {
|
||||
"enabled": false
|
||||
},
|
||||
"TypingTweaks": {
|
||||
"enabled": true,
|
||||
"alternativeFormatting": true
|
||||
},
|
||||
"Unindent": {
|
||||
"enabled": false
|
||||
},
|
||||
"UnlockedAvatarZoom": {
|
||||
"enabled": false
|
||||
},
|
||||
"UnsuppressEmbeds": {
|
||||
"enabled": false
|
||||
},
|
||||
"UserMessagesPronouns": {
|
||||
"enabled": true,
|
||||
"showSelf": true,
|
||||
"pronounsFormat": "LOWERCASE"
|
||||
},
|
||||
"UserVoiceShow": {
|
||||
"enabled": false
|
||||
},
|
||||
"USRBG": {
|
||||
"enabled": true,
|
||||
"voiceBackground": true,
|
||||
"nitroFirst": true
|
||||
},
|
||||
"ValidReply": {
|
||||
"enabled": true
|
||||
},
|
||||
"ValidUser": {
|
||||
"enabled": true
|
||||
},
|
||||
"VoiceChatDoubleClick": {
|
||||
"enabled": false
|
||||
},
|
||||
"VcNarrator": {
|
||||
"enabled": false
|
||||
},
|
||||
"VencordToolbox": {
|
||||
"enabled": true
|
||||
},
|
||||
"ViewIcons": {
|
||||
"enabled": false
|
||||
},
|
||||
"ViewRaw": {
|
||||
"enabled": false
|
||||
},
|
||||
"VoiceDownload": {
|
||||
"enabled": true
|
||||
},
|
||||
"VoiceMessages": {
|
||||
"enabled": true
|
||||
},
|
||||
"VolumeBooster": {
|
||||
"enabled": false
|
||||
},
|
||||
"WhoReacted": {
|
||||
"enabled": true
|
||||
},
|
||||
"XSOverlay": {
|
||||
"enabled": true,
|
||||
"webSocketPort": 42070,
|
||||
"botNotifications": false,
|
||||
"pingColor": "#7289da",
|
||||
"channelPingColor": "#8a2be2",
|
||||
"serverNotifications": true,
|
||||
"lengthBasedTimeout": true,
|
||||
"opacity": 1,
|
||||
"volume": 0.2,
|
||||
"soundPath": "default",
|
||||
"preferUDP": false
|
||||
},
|
||||
"YoutubeAdblock": {
|
||||
"enabled": true
|
||||
},
|
||||
"BadgeAPI": {
|
||||
"enabled": true
|
||||
},
|
||||
"NoTrack": {
|
||||
"enabled": true,
|
||||
"disableAnalytics": true
|
||||
},
|
||||
"Settings": {
|
||||
"enabled": true,
|
||||
"settingsLocation": "aboveNitro"
|
||||
},
|
||||
"SupportHelper": {
|
||||
"enabled": true
|
||||
}
|
||||
},
|
||||
"notifications": {
|
||||
"timeout": 5000,
|
||||
"position": "bottom-right",
|
||||
"useNative": "not-focused",
|
||||
"logLimit": 50
|
||||
},
|
||||
"cloud": {
|
||||
"authenticated": false,
|
||||
"url": "https://api.vencord.dev/",
|
||||
"settingsSync": false,
|
||||
"settingsSyncVersion": 1744291545535
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* @name system24
|
||||
* @description A tui-style discord theme.
|
||||
* @author refact0r
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/system24.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'Agave Nerd Font'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: 0; /* decreases letter spacing for better readability. */
|
||||
font-weight: 400; /* UI font weight. */
|
||||
--label-font-weight: 400; /* font weight for panel labels. */
|
||||
--corner-text: 'system24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 18px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: #1a1a1a; /* main background color. */
|
||||
--bg-1: #1a1a1a; /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: #1a1a1a; /* color of neutral buttons. */
|
||||
--bg-3: #641a1a; /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: #641a1a; /* color of hovered elements. */
|
||||
--active: #5018dd; /* color of elements when clicked. */
|
||||
--selected: #E40046; /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--cyan); /* color of links. */
|
||||
--txt-0: #d6abab; /* color of bright/white text. */
|
||||
--txt-1: #d6abab;/* main text color. */
|
||||
--txt-2: #5018dd;/* color of secondary text like channel list. */
|
||||
--txt-3: #d6abab;/* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-1: #E40046; /* main accent color. */
|
||||
--acc-0: #5018dd; /* color of accent buttons when hovered. */
|
||||
--acc-2: #5018dd; /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 1px; /* panel border thickness. */
|
||||
--border-color: #5018dd; /* panel border color. */
|
||||
--border-hover-color: #E40046; /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: #f50505; /* color of mention text. */
|
||||
--mention-bg: #5018dd; /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(73% 0.12 0);
|
||||
--pink-1: oklch(63% 0.12 0);
|
||||
--pink-2: oklch(53% 0.12 0);
|
||||
--purple: oklch(73% 0.12 300);
|
||||
--purple-1: oklch(63% 0.12 300);
|
||||
--purple-2: oklch(53% 0.12 300);
|
||||
--cyan: oklch(73% 0.12 200);
|
||||
--yellow: oklch(78% 0.12 80);
|
||||
--green: hsl(141, 76%, 48%);
|
||||
--green-1: hsl(141, 73%, 42%);
|
||||
--green-2: hsl(141, 73%, 36%);
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"tabWidth": 4,
|
||||
"singleQuote": true,
|
||||
"useTabs": true,
|
||||
"printWidth": 200
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2024 refact0r
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
> [!WARNING]
|
||||
> recently discord has rolled out a new UI refresh update, which breaks the theme. for now, development is paused. if and when i find the motivation, the theme will be rewritten for the new UI. until then, please check out my other theme, [midnight](https://github.com/refact0r/midnight-discord).
|
||||
|
||||

|
||||
|
||||
# system24
|
||||
|
||||
a tui-style discord theme, inspired by [spicetify text theme](https://github.com/spicetify/spicetify-themes/tree/master/text).
|
||||
|
||||

|
||||
|
||||
## discord server
|
||||
|
||||
need help? want to get notified about updates? have feedback? join <https://discord.gg/nz87hXyvcy>
|
||||
|
||||
## install
|
||||
|
||||
### vencord/betterdiscord (or client with theme folder)
|
||||
|
||||
1. go the [default theme file](https://github.com/refact0r/system24/blob/main/theme/system24.theme.css) or choose a flavor from the options below.
|
||||
2. click the download button in the top right.
|
||||
3. move the downloaded file into your theme folder. (there should be a button to open the theme folder in theme settings)
|
||||
4. you may need to enable the theme in your theme settings by clicking a toggle switch.
|
||||
5. (optional) customize the theme by editing the variables in `system24.theme.css`.
|
||||
|
||||
### install through link
|
||||
|
||||
1. add `https://refact0r.github.io/system24/theme/system24.theme.css` to your theme import links.
|
||||
|
||||
## flavors
|
||||
|
||||
customized variants of the theme.
|
||||
|
||||
### spotify-text
|
||||
|
||||
matches the spotify/spicetify ["text" theme](https://github.com/spicetify/spicetify-themes/tree/master/text). thinner borders and different font weights from the default system24.
|
||||
|
||||
[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/spotify-text.theme.css)
|
||||
|
||||

|
||||
|
||||
### catppuccin mocha
|
||||
|
||||
based on the mocha palette of [catppuccin](https://catppuccin.com/palette).
|
||||
|
||||
[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/catppuccin-mocha.theme.css)
|
||||
|
||||

|
||||
|
||||
### gruvbox material
|
||||
|
||||
based on the vim theme [gruvbox material](https://github.com/sainnhe/gruvbox-material).
|
||||
|
||||
[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/gruvbox-material.theme.css)
|
||||
|
||||

|
||||
|
||||
### monochrome
|
||||
|
||||
A monochrome version of the default theme with mostly neutral colors.
|
||||
|
||||
[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/monochrome.theme.css)
|
||||
|
||||

|
||||
|
||||
### rose pine
|
||||
|
||||
based on the main palette of [rose pine](https://rosepinetheme.com/palette/).
|
||||
|
||||
[theme file](https://github.com/refact0r/system24/blob/main/theme/flavors/rosepine.theme.css)
|
||||
|
||||

|
||||
|
After Width: | Height: | Size: 769 KiB |
|
After Width: | Height: | Size: 629 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 203 KiB |
|
After Width: | Height: | Size: 620 KiB |
|
After Width: | Height: | Size: 615 KiB |
|
After Width: | Height: | Size: 640 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
function benchmarkSelectors(cssString) {
|
||||
function extractSelectors(cssString) {
|
||||
cssString = cssString.replace(/\/\*[\s\S]*?\*\//g, '') // remove comments
|
||||
|
||||
// remove nested brackets
|
||||
let result = ''
|
||||
let depth = 0
|
||||
for (let char of cssString) {
|
||||
if (char === '{') {
|
||||
depth++
|
||||
} else if (char === '}') {
|
||||
depth--
|
||||
} else if (depth === 0) {
|
||||
result += char
|
||||
}
|
||||
}
|
||||
cssString = result
|
||||
|
||||
let selectors = cssString
|
||||
.split(/,(?![^(]*\))|[\n\r]+/) // split by commas or newline
|
||||
.map((s) => s.trim().replace(/::(?:before|after)/, '')) // trim pseudo-elements
|
||||
.filter(Boolean) // remove empty strings
|
||||
|
||||
return selectors
|
||||
}
|
||||
|
||||
const benchmarkSelector = (selector) => {
|
||||
const start = performance.now()
|
||||
let matches = 0
|
||||
for (let i = 0; i < 1000; i++) {
|
||||
matches = document.querySelectorAll(selector).length
|
||||
}
|
||||
return [(performance.now() - start) / 1000, matches]
|
||||
}
|
||||
|
||||
return extractSelectors(cssString)
|
||||
.map((selector) => {
|
||||
try {
|
||||
const [time, matches] = benchmarkSelector(selector)
|
||||
return { selector, time, matches }
|
||||
} catch (error) {
|
||||
console.error(
|
||||
`Error benchmarking "${selector}": ${error.message}`
|
||||
)
|
||||
return null
|
||||
}
|
||||
})
|
||||
.filter(Boolean)
|
||||
.sort((a, b) => b.time - a.time)
|
||||
.map(
|
||||
({ selector, time, matches }) =>
|
||||
`"${selector}",${time.toFixed(6)},${matches}`
|
||||
)
|
||||
.join('\n')
|
||||
.replace(/^/, 'Selector,Time (ms),Matches\n')
|
||||
}
|
||||
|
|
@ -0,0 +1,195 @@
|
|||
Selector,Time (ms),Matches
|
||||
"[class^='chatContent_']:has([class^='messagesWrapper_']:hover)",0.256000,0
|
||||
"[class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_']",0.252800,0
|
||||
"[class^=chat_] > [class*=container_]",0.191900,0
|
||||
"[class*=embedFull_]",0.191100,1
|
||||
"[class*=lookFilled_][class*=colorPrimary_]",0.187400,0
|
||||
"#app-mount [class*=lookLink_][class*=colorPrimary_]",0.186500,0
|
||||
"#app-mount [class*=controlIcon_]",0.180000,0
|
||||
"[class^=container_] > [class^=wrapper_]",0.134800,1
|
||||
"[class^=container_] > [class^=wrapper_]",0.133600,1
|
||||
"[class^=container_] > [class^=wrapper_]",0.132400,1
|
||||
"[class^=message_][class*=replying_]",0.132300,0
|
||||
"[class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_]",0.131900,1
|
||||
"[class^=panels_] > [class^=wrapper_] > [class^=container]",0.131600,0
|
||||
"[class^=sidebar_] > [class^=container_]",0.131200,1
|
||||
"[class^=container_] > [class^=wrapper_]",0.131200,1
|
||||
"[class^='form_'] > [class^='wrapper_']",0.131000,0
|
||||
"[class^=chat_] > [class^=content_] > [class^=container_]",0.130700,1
|
||||
"[class^=message_][class*=mentioned_]",0.130200,0
|
||||
"[class^=container_] > [class^=wrapper_]",0.130000,1
|
||||
"[class^=panels_] > [class^=container_]",0.129600,1
|
||||
"#app-mount [class^=sidebar_] > [class^=container_]",0.128500,1
|
||||
"[class^='sidebar_'] > [class^='container_']",0.128500,1
|
||||
"[class^=member_]",0.126500,28
|
||||
"[class^=panels_]",0.126500,1
|
||||
"[class^='membersWrap_']",0.126400,1
|
||||
"[class^=navButton_][class*=navButtonActive_]",0.126000,0
|
||||
"[class^='sidebar_'] > [class^='container_']",0.125800,1
|
||||
"[class^='dot_'][class*='maskSecondary_']",0.125800,0
|
||||
"[class^='membersWrap_']",0.125600,1
|
||||
"[class^=panels_]",0.125600,1
|
||||
"[class^=sidebar_]",0.125500,1
|
||||
"[class^=centerContent_] > [class^=wrapper_] > [class^=anchor_]",0.125300,1
|
||||
"[class^=privateChannels_] > [class^=scroller_]",0.125200,0
|
||||
"[class^=childWrapper_]",0.125200,9
|
||||
"#app-mount [class^=partyStatus_] [class^=anchor_]",0.125200,0
|
||||
"[class^=iconBadge_]:not([class*=isCurrentUserConnected_])",0.125200,1
|
||||
"[class^='toolbar_'] > [class^='search_']",0.125100,1
|
||||
"[class^=container_] > [class^=base_]",0.125100,1
|
||||
"[class^='panels_']",0.125000,1
|
||||
"[class^='status_'][style='background-color: rgb(242, 63, 67);']",0.124900,0
|
||||
"[class^=chatContent_] > [class^=messagesWrapper_]",0.124800,1
|
||||
"[class^='form_'] [class^='channelTextArea_']",0.124700,1
|
||||
"#app-mount [class^=sidebar_]",0.124700,1
|
||||
"[class^=members_]",0.124500,1
|
||||
"[class*=bannerVisible_] [class^=headerContent_]",0.124500,0
|
||||
"[class^=form_] [class^=channelTextArea_]",0.124500,1
|
||||
"[class^='typing_']",0.124500,0
|
||||
"[class^='upperBadge_']",0.124500,1
|
||||
"[class^=tabBody_]",0.124400,0
|
||||
"[class^=resizeHandle_]",0.124200,0
|
||||
"[class^='userPanelInner_']",0.124200,0
|
||||
"[class^=attachedBars_]",0.124100,0
|
||||
"[class^=container_] > [class^=base_]",0.124100,1
|
||||
"[class^=gifFavoriteButton_]",0.124000,0
|
||||
"[class^=membersWrap_]",0.124000,1
|
||||
"[class^=panels_] > [class^=panel_]",0.124000,0
|
||||
"[class^='searchResultsWrap_']",0.124000,0
|
||||
"[class^=profilePanel_] > [class^=userPanelOuter_]",0.123900,0
|
||||
"[class^=chat_]",0.123900,1
|
||||
"[class^=sidebar_]",0.123900,1
|
||||
"[class^='form_'] [class^='channelTextArea_']",0.123900,1
|
||||
"[class^=panels_] > [class^=panel_]",0.123800,0
|
||||
"[class^='membersWrap_']",0.123800,1
|
||||
"[class^='nowPlayingColumn_']",0.123800,0
|
||||
"[class^=replyBar_]",0.123700,0
|
||||
"[class^=iconWrapper_]",0.123700,7
|
||||
"[class^='status_'][style='background-color: rgb(35, 165, 90);']",0.123700,0
|
||||
"[class^=searchResultsWrap_]",0.123700,0
|
||||
"[class^='unreadPill_'][class*='endCap_']",0.123600,1
|
||||
"[class^=overlayBottom_] > [class^=text-]",0.123600,0
|
||||
"[class^=privateChannels_]",0.123600,0
|
||||
"[class^=categoryText_]",0.123500,0
|
||||
"[class^=profilePanel_]",0.123500,0
|
||||
"[class^='searchResultsWrap_']",0.123400,0
|
||||
"[class^='membersWrap_']",0.123400,1
|
||||
"[class^='peopleListItem_']",0.123400,0
|
||||
"[class^='status_'][style='background-color: rgb(240, 178, 50);']",0.123300,0
|
||||
"[class^=tabBody_]",0.123200,0
|
||||
"[class^=privateChannels_]",0.123200,0
|
||||
"[class^='status_'][style='background-color: rgb(128, 132, 142);']",0.123200,0
|
||||
"[class^='chatContent_'] > [class^='messagesWrapper_']",0.123100,1
|
||||
"[class^='profilePanel_']",0.123100,0
|
||||
"[class^=videoControls_]",0.123000,0
|
||||
"[class^=sidebar_]",0.123000,1
|
||||
"[class^=searchAnswer_]",0.122800,0
|
||||
"[class^='profilePanel_']",0.122800,0
|
||||
"[class^='peopleColumn_']",0.122800,0
|
||||
"[class^='nowPlayingColumn_']",0.122800,0
|
||||
"[class^='sectionDivider_']",0.122800,1
|
||||
"[class^=notAppAsidePanel_] > [class^=layerContainer_]",0.122700,2
|
||||
"[class^='privateChannels_']",0.122700,0
|
||||
"[class^=privateChannels_]",0.122500,0
|
||||
"[class^=container_] > [class^=base_]",0.122500,1
|
||||
"[class^='lowerBadge_']",0.122400,0
|
||||
"[class^=searchResultsWrap_]",0.122400,0
|
||||
"[class^=threadSuggestionBar_]",0.122200,0
|
||||
"[class^='chatContent_'] > [class^='messagesWrapper_']",0.122200,1
|
||||
"[class^=searchResultsWrap_]",0.122200,0
|
||||
"[class^=peopleColumn_]",0.122200,0
|
||||
"[class^='nowPlayingColumn_']",0.122100,0
|
||||
"[class^=searchFilter_]",0.122000,0
|
||||
"[class^=privateChannels_]",0.122000,0
|
||||
"[class^=nowPlayingColumn_]",0.122000,0
|
||||
"[class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);']",0.121900,6
|
||||
"[class^='container_'] > [class^='base_']",0.121900,1
|
||||
"[class^='panels_']",0.121800,1
|
||||
"[class^=friendRequestsButton_] [class^=numberBadge_]",0.121600,0
|
||||
"[class^=peopleColumn_]",0.121400,0
|
||||
"#app-mount [class^=partyStatus_]",0.121300,0
|
||||
"[class^='form_'] [class^='channelTextArea_']",0.121100,1
|
||||
"[class^='privateChannels_']",0.121100,0
|
||||
"[class^='peopleColumn_']",0.120900,0
|
||||
"#app-mount [class^='divider_']",0.120100,3
|
||||
".wrapper_c51b4e:has(rect[fill='#593695'])",0.109200,0
|
||||
".wrapper_c51b4e:has(rect[fill='#80848e'])",0.107600,0
|
||||
".wrapper_c51b4e:has(rect[fill='#23a55a'])",0.096000,18
|
||||
".wrapper_c51b4e:has(rect[fill='#f0b232'])",0.095800,4
|
||||
".wrapper_c51b4e:has(rect[fill='#f23f43'])",0.089600,8
|
||||
".wrapper_c51b4e:has(rect)",0.087900,30
|
||||
"[style='opacity: 1; background-color: rgb(35, 165, 90);']",0.074800,0
|
||||
"svg[style='color: rgb(88, 101, 242);']",0.062200,8
|
||||
"#app-mount button path[fill='var(--white-500)']",0.061600,0
|
||||
"[role='button'] path[fill='var(--white-500)']",0.060400,0
|
||||
"[class^='mask_'] > svg",0.060400,2
|
||||
"[class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask",0.058600,48
|
||||
"[class^='bannerSVGWrapper_'] > mask > circle",0.056000,1
|
||||
"svg[class^=slider_] > rect[fill='white']",0.055400,0
|
||||
"[class^='mask_'] > rect",0.055400,30
|
||||
":root",0.055200,1
|
||||
"[class^='mask_'] > foreignObject",0.055100,32
|
||||
"[class^='svg_'] > foreignObject",0.054900,70
|
||||
"[class^='mask_'] > circle",0.054300,1
|
||||
":root",0.053800,1
|
||||
":root",0.052300,1
|
||||
"[class^=jumpToPresentBar_] > button",0.051700,0
|
||||
"aside[class^='profilePanel_']",0.051000,0
|
||||
".custom-profile-theme [class*=color_][class*=text_]",0.049900,0
|
||||
".horizontal_bba380 > .flex_bba380",0.044800,0
|
||||
".container_fb4810",0.044300,0
|
||||
".container_a4d4d9",0.043900,1
|
||||
".clipContainer_b11c5e",0.043900,0
|
||||
".content_a7d72e",0.043600,1
|
||||
".container_fc4f04",0.043600,1
|
||||
".scroller_e2e187",0.043400,1
|
||||
"html.theme-light",0.043400,0
|
||||
".platform-osx [class^=container_] > [class^=wrapper_]",0.043300,0
|
||||
".container_fc4f04",0.043300,1
|
||||
".container_fc4f04",0.043300,1
|
||||
".container_adcaac",0.043200,0
|
||||
".attachButton_f298d4",0.043200,1
|
||||
".wrapper_fea3ef",0.043200,1
|
||||
".container_d1c246",0.043200,0
|
||||
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.043100,0
|
||||
".textArea_d0696b",0.043000,2
|
||||
".chat_a7d72e",0.043000,1
|
||||
".wordmarkWindows_a934d8 > svg",0.043000,1
|
||||
".vc-spotify-time-right",0.042900,1
|
||||
".theme-dark",0.042900,3
|
||||
".container_c75f85",0.042800,0
|
||||
".form_a7d72e",0.042800,1
|
||||
".container_a6d69a",0.042800,0
|
||||
".vc-spotify-time-left",0.042800,1
|
||||
".form_a7d72e",0.042700,1
|
||||
".container_b2ca13",0.042700,1
|
||||
".container_a6d69a",0.042700,0
|
||||
".container_c2739c",0.042700,0
|
||||
".tabBody_c2739c",0.042700,0
|
||||
".vc-spotify-time-right",0.042700,1
|
||||
".container_e85446 > [class^='svg_'] > foreignObject > [class^='status_']",0.042600,0
|
||||
".container_d1c246",0.042600,0
|
||||
".panels_a4d4d9",0.042600,1
|
||||
".container_adcaac",0.042600,0
|
||||
".container_c2739c",0.042500,0
|
||||
".scroller_fb4810",0.042500,0
|
||||
".form_a7d72e",0.042400,1
|
||||
".newMessagesBar_cf58b5",0.042400,1
|
||||
".animatedContainer_fd6364",0.042400,1
|
||||
".vc-spotify-time-left",0.042400,1
|
||||
".scroller_fb4810",0.042300,0
|
||||
".wordmarkWindows_a934d8",0.042300,1
|
||||
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.042300,0
|
||||
".grabber_c7a159",0.042200,1
|
||||
".container_a6d69a",0.042100,0
|
||||
".scroller_fb4810",0.042100,0
|
||||
".scroller_fb4810",0.042100,0
|
||||
".container_fc4f04",0.041600,1
|
||||
"*",0.036500,6407
|
||||
"#vc-spotify-progress-bar [class^='bar_']",0.000300,1
|
||||
"#app-mount #vc-spotify-player",0.000200,1
|
||||
"#vc-spotify-player",0.000200,1
|
||||
"#vc-spotify-player",0.000200,1
|
||||
"#vc-spotify-progress-bar",0.000200,1
|
||||
"::-webkit-scrollbar-thumb",0.000200,0
|
||||
"#vc-spotify-player",0.000100,1
|
||||
|
|
|
@ -0,0 +1,232 @@
|
|||
Selector,Time (ms),Matches,Total
|
||||
[class*=buttonColor_],0.4697,0,38.4736
|
||||
[class*=embedFull_],0.446,2,
|
||||
[class^='chatContent_']:has([class^='typing_']:hover),0.4342,0,
|
||||
#app-mount [class*=lookLink_][class*=colorPrimary_],0.4331,0,
|
||||
[class*=lookFilled_][class*=colorPrimary_],0.4315,0,
|
||||
[class^='chatContent_']:has([class^='messagesWrapper_']:hover),0.4189,0,
|
||||
[class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] > [class^='jumpToPresentBar_'],0.4146,0,
|
||||
#app-mount [class*=controlIcon_],0.3911,0,
|
||||
[class^=searchFilter_],0.3541,0,
|
||||
[class^='newBadge_'],0.3385,0,
|
||||
[class^=friendRequestsButton_] [class^=numberBadge_],0.3314,0,
|
||||
[class^=chat_] > [class*=container_],0.32,0,
|
||||
[class^=videoControls_],0.3099,0,
|
||||
[class*=backgroundAccent_],0.3097,0,
|
||||
[class^=searchAnswer_],0.3096,0,
|
||||
#app-mount [class^=partyStatus_],0.3063,0,
|
||||
[class^='newChannel_'],0.2995,0,
|
||||
[class^=iconBadge_]:not([class*=isCurrentUserConnected_]),0.2892,0,
|
||||
#app-mount [class^=partyStatus_] [class^=anchor_],0.2834,0,
|
||||
[class^=childWrapper_],0.2817,15,
|
||||
[class^=overlayBottom_] > [class^=text-],0.2786,0,
|
||||
[class^=gifFavoriteButton_],0.2739,0,
|
||||
[class^='form_'] [class^='channelTextArea_'],0.2703,1,
|
||||
[class^='panels_'],0.2612,1,
|
||||
[class^=panels_],0.2599,1,
|
||||
[class^=sidebar_],0.2585,1,
|
||||
[class^=button_][class*=bannerColor_],0.2576,0,
|
||||
[class^='content_']>[class^='outer_'],0.2546,0,
|
||||
[class^=channelTextArea] > [class^=scrollableContainer],0.2527,1,
|
||||
[class^='content_']>[class^='outer_'],0.2511,0,
|
||||
[class^=sidebar_] > [class^=container_],0.2439,1,
|
||||
[class^='channelBottomBarArea_'],0.2423,1,
|
||||
[class^=panels_] > [class^=wrapper_] > [class^=container],0.2386,0,
|
||||
[class^='form_'] > [class^='wrapper_'],0.2365,0,
|
||||
[class^=navButton_][class*=navButtonActive_],0.2356,0,
|
||||
[class^=sidebar_],0.2315,1,
|
||||
[class^=membersWrap_],0.2308,1,
|
||||
[class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_],0.2273,0,
|
||||
[class^=categoryText_],0.2255,0,
|
||||
[class^='form_'] > [class^='wrapper_'],0.2233,0,
|
||||
[class^=sidebar_],0.2232,1,
|
||||
[class^=members_],0.2213,1,
|
||||
"[class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);']",0.2209,0,
|
||||
[class^=peopleColumn_],0.2206,0,
|
||||
[class^=nowPlayingColumn_],0.2206,0,
|
||||
[class^=message_][class*=replying_],0.2181,0,
|
||||
[class^=message_][class*=mentioned_],0.2175,5,
|
||||
[class^=bottomControls_],0.2173,0,
|
||||
[class*=bannerVisible_] [class^=headerContent_],0.2168,0,
|
||||
[class^=container_] > [class^=base_],0.2148,1,
|
||||
[class^=tabBody_],0.2147,0,
|
||||
[class^=privateChannels_],0.2141,0,
|
||||
[class^='sidebar_'] > [class^='container_'],0.2129,1,
|
||||
[class^='dot_'][class*='maskSecondary_'],0.2125,0,
|
||||
"[class^='status_'][style='background-color: rgb(35, 165, 90);']",0.2124,0,
|
||||
[class^=privateChannels_],0.2119,0,
|
||||
[class^='sidebar_'] > [class^='container_'],0.2112,1,
|
||||
[class^='content_']>[class^='outer_'],0.2105,0,
|
||||
[class^=channelBottomBarArea_],0.2103,1,
|
||||
[class^='form_'] [class^='channelTextArea_'],0.2101,1,
|
||||
[class^=privateChannels_],0.21,0,
|
||||
[class^='channelAppLauncher_'],0.2099,1,
|
||||
[class^=gradientBottom_],0.2099,0,
|
||||
[class^=centerContent_] > [class^=wrapper_] > [class^=anchor_],0.2099,0,
|
||||
[class^='form_'] > [class^='typing_'],0.2095,0,
|
||||
[class^='content_']>[class^='outer_']>[class^='inner_'],0.2094,0,
|
||||
#app-mount [class^=sidebar_] > [class^=container_],0.2093,1,
|
||||
[class^='nowPlayingColumn_'],0.209,0,
|
||||
"[class^='status_'][style='background-color: rgb(128, 132, 142);']",0.2087,0,
|
||||
[class^=peopleColumn_],0.2082,0,
|
||||
[class^='nowPlayingColumn_'],0.2079,0,
|
||||
[class^=session_],0.2078,0,
|
||||
[class^='container_'] > [class^='base_'],0.2076,1,
|
||||
[class^=searchResultsWrap_],0.2076,0,
|
||||
[class^=panels_] > [class^=panel_],0.2076,0,
|
||||
[class^='membersWrap_'],0.2076,1,
|
||||
[class^=searchResultsWrap_],0.2073,0,
|
||||
[class^=guildSeparator_],0.2072,2,
|
||||
[class^=tableCell_],0.2072,0,
|
||||
[class^=chat_] > [class^=content_] > [class^=container_],0.2071,1,
|
||||
[class^='membersWrap_'],0.207,1,
|
||||
[class^='sectionDivider_'],0.2069,0,
|
||||
[class^='privateChannels_'],0.2067,0,
|
||||
[class^='peopleColumn_'],0.2065,0,
|
||||
[class^=attachedBars_],0.2061,0,
|
||||
[class^=searchResultsWrap_],0.206,0,
|
||||
[class^='callContainer_'],0.2055,0,
|
||||
[class^='peopleColumn_'],0.2051,0,
|
||||
[class^='notAppAsidePanel_'] > [class^='layerContainer_'],0.2049,2,
|
||||
[class^='unreadPill_'][class*='endCap_'],0.2048,0,
|
||||
[class^='panels_'],0.2047,1,
|
||||
#app-mount [class^=sidebar_],0.2045,1,
|
||||
[class^=chat_],0.2044,1,
|
||||
[class^=panels_],0.2044,1,
|
||||
[class^=panels_] > [class^=container_],0.2042,1,
|
||||
[class^='chatContent_'] > [class^='messagesWrapper_'],0.2042,1,
|
||||
[class^='nowPlayingColumn_'],0.2041,0,
|
||||
[class^='membersWrap_'],0.2041,1,
|
||||
[class^=container_] > [class^=base_],0.2039,1,
|
||||
[class^='toolbar_'] > [class^='search_'],0.2034,1,
|
||||
"[class^='status_'][style='background-color: rgb(240, 178, 50);']",0.2034,0,
|
||||
[class^=tabBody_],0.2031,0,
|
||||
[class^='lowerBadge_'],0.2031,0,
|
||||
[class^=privateChannels_] > [class^=scroller_],0.2029,0,
|
||||
[class^='searchResultsWrap_'],0.2028,0,
|
||||
[class^=customizationSection_],0.2028,0,
|
||||
[class^=chatContent_] > [class^=messagesWrapper_],0.2027,1,
|
||||
[class^='upperBadge_'],0.2027,0,
|
||||
"[class^='status_'][style='background-color: rgb(242, 63, 67);']",0.2025,0,
|
||||
[class^=threadSuggestionBar_],0.2021,0,
|
||||
[class^=panels_] > [class^=panel_],0.202,0,
|
||||
[class^='searchResultsWrap_'],0.202,0,
|
||||
[class^=columnHeading_],0.2016,0,
|
||||
#app-mount [class^='divider_'],0.2016,2,
|
||||
[class^=callContainer_],0.2014,0,
|
||||
[class^='chatContent_'] > [class^='messagesWrapper_'],0.2011,1,
|
||||
[class^='channelBottomBarArea_']:hover,0.201,0,
|
||||
[class^=gradientTop_],0.2009,0,
|
||||
[class^=iconWrapper_],0.2008,6,
|
||||
[class^='guildSeparator_'],0.1998,2,
|
||||
[class^='content_']>[class^='outer_'],0.1998,0,
|
||||
[class^='privateChannels_'],0.1997,0,
|
||||
[class^=container_] > [class^=base_],0.1996,1,
|
||||
[class^=member_],0.1985,25,
|
||||
[class^='content_']>[class^='outer_'],0.1984,0,
|
||||
[class^='sectionDivider_'],0.198,0,
|
||||
[class^=topControls_],0.198,0,
|
||||
[class^='membersWrap_'],0.1974,1,
|
||||
[class^=privateChannels_],0.1971,0,
|
||||
[class^=content_] > [class^=resizeHandle_],0.1969,0,
|
||||
[class^=replyBar_],0.196,0,
|
||||
[class^='form_'] [class^='channelTextArea_'],0.1958,1,
|
||||
[class^='divider_']:not(.isUnread_c2654d),0.194,2,
|
||||
.wrapper_c51b4e:has(rect[fill='#f0b232']),0.1871,8,
|
||||
[class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask,0.1624,39,
|
||||
:root,0.1432,1,
|
||||
.wrapper_c51b4e:has(rect[fill='#80848e']),0.1408,1,
|
||||
.wrapper_c51b4e:has(rect[fill='#593695']),0.1371,0,
|
||||
.wrapper_c51b4e:has(rect[fill='#f23f43']),0.1349,5,
|
||||
.wrapper_c51b4e:has(rect),0.1342,26,
|
||||
.wrapper_c51b4e:has(rect[fill='#23a55a']),0.1332,12,
|
||||
[class^='svg_'] > foreignObject,0.123,99,
|
||||
[role='button'] path[fill='var(--white-500)'],0.1159,0,
|
||||
"svg[style='color: rgb(88, 101, 242);']",0.1122,13,
|
||||
[class^=jumpToPresentBar_] > button,0.1117,2,
|
||||
"[style='opacity: 1; background-color: rgb(35, 165, 90);']",0.1095,0,
|
||||
:root,0.1094,1,
|
||||
[class^='mask_'] > rect,0.1049,26,
|
||||
[class^='mask_'] > foreignObject,0.1041,26,
|
||||
[class^='mask_'] > svg,0.1035,1,
|
||||
#app-mount button path[fill='var(--white-500)'],0.1031,0,
|
||||
[class^='bannerSVGWrapper_'] > mask > circle,0.102,0,
|
||||
svg[class^=slider_] > rect[fill='white'],0.1016,0,
|
||||
:root,0.0946,1,
|
||||
[class^='mask_'] > circle,0.0937,0,
|
||||
[class^=callContainer_] [class^=topControls_] section,0.0882,0,
|
||||
.container_a6d69a,0.0797,0,
|
||||
.guilds_a4d4d9,0.0771,1,
|
||||
.container_adcaac,0.0769,0,
|
||||
.vc-spotify-time-left,0.0766,0,
|
||||
.vc-spotify-time-right,0.0746,0,
|
||||
.guilds_a4d4d9,0.0733,1,
|
||||
.form_a7d72e,0.0731,1,
|
||||
.container_fc4f04,0.0723,1,
|
||||
.container_c2739c,0.072,0,
|
||||
.form_a7d72e,0.0719,1,
|
||||
*,0.0714,6196,
|
||||
.timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca,0.0713,13,
|
||||
.container_d1c246,0.0713,0,
|
||||
.vc-ranb-button,0.0709,0,
|
||||
.container_b2ca13,0.0707,1,
|
||||
.wrapper_fea3ef,0.0706,1,
|
||||
.statusBubbleOuter_d0a252,0.0706,0,
|
||||
.container_fc4f04,0.0704,1,
|
||||
.scroller_bf550a,0.0703,0,
|
||||
.guilds_a4d4d9,0.0703,1,
|
||||
.attachButton_f298d4,0.0702,1,
|
||||
.container_a6d69a,0.07,0,
|
||||
.clipContainer_b11c5e,0.0699,0,
|
||||
.chat_a7d72e,0.0699,1,
|
||||
.form_a7d72e,0.0698,1,
|
||||
.panels_a4d4d9,0.0698,1,
|
||||
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0698,0,
|
||||
.textArea_bdf0de,0.0697,1,
|
||||
.content_a7d72e,0.0695,1,
|
||||
.container_adcaac,0.0695,0,
|
||||
.animatedContainer_fd6364,0.0693,1,
|
||||
.guilds_a4d4d9,0.0692,1,
|
||||
.container_fb4810,0.0692,0,
|
||||
.separator_a0,0.0692,0,
|
||||
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0692,0,
|
||||
.scroller_fb4810,0.0691,0,
|
||||
.wordmarkWindows_a934d8 > svg,0.0691,1,
|
||||
.wordmarkWindows_a934d8,0.0688,1,
|
||||
.container_fc4f04,0.0688,1,
|
||||
.scroller_fb4810,0.0688,0,
|
||||
.guilds_a4d4d9,0.0687,1,
|
||||
.container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'],0.0686,0,
|
||||
.newMessagesBar_cf58b5,0.0685,0,
|
||||
.container_a4d4d9,0.0684,1,
|
||||
.scroller_e2e187,0.0684,1,
|
||||
.platform-osx .guilds_a4d4d9,0.0684,0,
|
||||
.scroller_fb4810,0.0683,0,
|
||||
.container_c75f85,0.0683,0,
|
||||
.container_c2739c,0.0681,0,
|
||||
html.theme-light,0.0681,0,
|
||||
.container_a6d69a,0.0681,0,
|
||||
.grabber_c7a159,0.068,0,
|
||||
.scroller_fb4810,0.0679,0,
|
||||
.theme-dark,0.0678,1,
|
||||
.statusBubbleOuter_d0a252,0.0678,0,
|
||||
.tabBody_c2739c,0.0677,0,
|
||||
.container_d1c246,0.0676,0,
|
||||
.horizontal_dc333f > .flex_dc333f,0.0673,0,
|
||||
.separator_a0,0.0669,0,
|
||||
.vc-spotify-time-left,0.0666,0,
|
||||
.container_fc4f04,0.0662,1,
|
||||
.vc-spotify-time-right,0.0661,0,
|
||||
.wrapper_fea3ef.hidden_fea3ef,0.0661,0,
|
||||
#vc-spotify-player,0.0004,0,
|
||||
#vc-spotify-progress-bar [class^='bar_'],0.0004,0,
|
||||
#vc-spotify-player,0.0004,0,
|
||||
.overlay_f94206:after,0.0004,0,
|
||||
#app-mount #vc-spotify-player,0.0003,0,
|
||||
#vc-spotify-player,0.0003,0,
|
||||
#vc-spotify-progress-bar,0.0003,0,
|
||||
::placeholder,0.0003,0,
|
||||
::selection,0.0003,0,
|
||||
::-webkit-scrollbar-thumb,0.0003,0,
|
||||
.overlay_f18fcb:after,0.0003,0,
|
||||
#vc-spotify-player,0.0002,0,
|
||||
|
|
|
@ -0,0 +1,231 @@
|
|||
Selector,Time (ms),Matches,Total
|
||||
[class^='chatContent_']:has([class^='messagesWrapper_']:hover),0.4053,0,29.2904
|
||||
[class^='chatContent_']:has([class^='typing_']:hover),0.3815,0,
|
||||
[class^=chat_] > [class*=container_],0.3098,0,
|
||||
[class^=chat_] > [class^=content_] > [class^=container_],0.238,0,
|
||||
[class*=backgroundAccent_],0.2297,0,
|
||||
[class^='form_'] [class^='channelTextArea_'],0.2236,1,
|
||||
[class^='membersWrap_'],0.2207,0,
|
||||
[class^=panels_],0.2156,1,
|
||||
[class^=centerContent_] > [class^=wrapper_] > [class^=anchor_],0.2081,0,
|
||||
[class^=searchResultsWrap_],0.1998,0,
|
||||
[class^='content_']>[class^='outer_'],0.1997,0,
|
||||
[class^='form_'] > [class^='wrapper_'],0.1982,0,
|
||||
[class^=videoControls_],0.1967,0,
|
||||
[class^=sidebar_] > [class^=container_],0.1947,1,
|
||||
[class^=privateChannels_],0.1911,0,
|
||||
[class^='content_'] > [class^='outer_'],0.19,0,
|
||||
"[class^='status_'][style='background-color: rgb(240, 178, 50);']",0.19,0,
|
||||
[class^='form_'] > [class^='wrapper_'],0.1888,0,
|
||||
[class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_],0.1887,0,
|
||||
[class^=iconBadge_]:not([class*=isCurrentUserConnected_]),0.1881,1,
|
||||
[class^='sidebar_'] > [class^='container_'],0.1842,1,
|
||||
[class^='peopleColumn_'],0.1839,0,
|
||||
[class^='lowerBadge_'],0.1839,0,
|
||||
[class^='gradientBottom_'],0.1836,0,
|
||||
[class^=overlayBottom_] > [class^=text-],0.1834,0,
|
||||
"[class^='status_'][style='background-color: rgb(35, 165, 90);']",0.1834,0,
|
||||
[class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] > [class^='jumpToPresentBar_'],0.1834,0,
|
||||
"[class^='status_'][style='background-color: rgb(128, 132, 142);']",0.1834,0,
|
||||
"[class^='status_'][style='background-color: rgb(242, 63, 67);']",0.1832,0,
|
||||
[class^='form_'] > [class^='typing_'],0.183,1,
|
||||
[class^=panels_],0.1826,1,
|
||||
[class^='searchResultsWrap_'],0.1826,0,
|
||||
[class^='callContainer_'],0.182,0,
|
||||
[class^='upperBadge_'],0.1817,0,
|
||||
[class^=childWrapper_],0.1817,15,
|
||||
[class^=members_],0.1815,0,
|
||||
[class^=button_][class*=bannerColor_],0.181,0,
|
||||
[class^='gradientTop_'],0.181,0,
|
||||
[class^='sidebar_'] > [class^='container_'],0.1808,1,
|
||||
[class^=searchFilter_],0.1807,0,
|
||||
[class^=privateChannels_],0.1804,0,
|
||||
[class^='panels_'],0.1794,1,
|
||||
[class^=member_],0.1791,0,
|
||||
[class^='membersWrap_'],0.1791,0,
|
||||
[class^=message_][class*=replying_],0.179,0,
|
||||
[class^='unreadPill_'][class*='endCap_'],0.1788,0,
|
||||
[class^='privateChannels_'],0.1787,0,
|
||||
[class^='bottomControls_'],0.1787,0,
|
||||
[class^=message_][class*=mentioned_],0.1784,5,
|
||||
[class^='content_'] > [class^='outer_'],0.1784,0,
|
||||
#app-mount [class^=partyStatus_],0.1784,0,
|
||||
[class^=searchAnswer_],0.1781,0,
|
||||
[class^=panels_] > [class^=wrapper_] > [class^=container],0.178,0,
|
||||
[class^='peopleColumn_'],0.1779,0,
|
||||
[class^='form_'] [class^='channelTextArea_'],0.1779,1,
|
||||
#app-mount [class^=partyStatus_] [class^=anchor_],0.1776,0,
|
||||
[class^='panels_'],0.1766,1,
|
||||
[class^='form_'] [class^='channelTextArea_'],0.1766,1,
|
||||
[class^=replyBar_],0.1765,0,
|
||||
[class^='privateChannels_'],0.1765,0,
|
||||
[class^=channelBottomBarArea_],0.1764,1,
|
||||
[class^='divider_']:not(.isUnread_c2654d),0.1763,2,
|
||||
[class^=navButton_][class*=navButtonActive_],0.1762,0,
|
||||
[class^=container_] > [class^=base_],0.1756,1,
|
||||
[class^='nowPlayingColumn_'],0.1755,0,
|
||||
[class^='membersWrap_'],0.1755,0,
|
||||
[class^=sidebar_],0.1753,1,
|
||||
[class^='newChannel_'],0.1752,0,
|
||||
[class^=nowPlayingColumn_],0.1752,0,
|
||||
[class^=guildSeparator_],0.1751,2,
|
||||
[class^='topControls_'],0.175,0,
|
||||
[class^='container_'] > [class^='base_'],0.1748,1,
|
||||
[class^=panels_] > [class^=container_],0.1742,1,
|
||||
[class^='notAppAsidePanel_'] > [class^='layerContainer_'],0.1742,2,
|
||||
[class^=columnHeading_],0.174,0,
|
||||
[class^='channelBottomBarArea_']:hover,0.1739,0,
|
||||
[class^=attachedBars_],0.1738,0,
|
||||
[class^='membersWrap_'],0.1738,0,
|
||||
[class^=searchResultsWrap_],0.1737,0,
|
||||
[class^=gifFavoriteButton_],0.1736,0,
|
||||
[class^=membersWrap_],0.1736,0,
|
||||
[class^=customizationSection_],0.1732,0,
|
||||
#app-mount [class^=sidebar_] > [class^=container_],0.1727,1,
|
||||
[class^='newBadge_'],0.1726,0,
|
||||
[class^='channelBottomBarArea_'],0.1723,1,
|
||||
[class^=sidebar_],0.1722,1,
|
||||
[class^=privateChannels_],0.1722,0,
|
||||
[class^=sidebar_],0.1721,1,
|
||||
[class^='toolbar_'] > [class^='search_'],0.172,1,
|
||||
[class^=privateChannels_],0.1713,0,
|
||||
[class^=friendRequestsButton_] [class^=numberBadge_],0.1713,0,
|
||||
[class*=bannerVisible_] [class^=headerContent_],0.1712,0,
|
||||
[class^=iconWrapper_],0.1712,7,
|
||||
[class^=chatContent_] > [class^=messagesWrapper_],0.1712,1,
|
||||
[class^='content_']>[class^='outer_']>[class^='inner_'],0.171,0,
|
||||
[class^='nowPlayingColumn_'],0.1709,0,
|
||||
[class^=peopleColumn_],0.1709,0,
|
||||
[class^='content_']>[class^='outer_'],0.1707,0,
|
||||
[class^=searchResultsWrap_],0.1707,0,
|
||||
[class^='chatContent_'] > [class^='messagesWrapper_'],0.1707,1,
|
||||
[class^=tableCell_],0.1707,0,
|
||||
[class^=tabBody_],0.1706,0,
|
||||
[class^=peopleColumn_],0.1705,0,
|
||||
[class^=tabBody_],0.1703,0,
|
||||
[class^='dot_'][class*='maskSecondary_'],0.1702,0,
|
||||
[class^='sectionDivider_'],0.1701,1,
|
||||
[class^='searchResultsWrap_'],0.1701,0,
|
||||
[class^=privateChannels_] > [class^=scroller_],0.17,0,
|
||||
[class^=container_] > [class^=base_],0.17,1,
|
||||
[class^='content_'] > [class^='outer_'],0.1699,0,
|
||||
[class^=chat_],0.1696,1,
|
||||
[class^='channelAppLauncher_'],0.1696,1,
|
||||
[class^='nowPlayingColumn_'],0.1696,0,
|
||||
#app-mount [class^=sidebar_],0.1689,1,
|
||||
[class^='guildSeparator_'],0.1688,2,
|
||||
[class^=panels_] > [class^=panel_],0.1686,0,
|
||||
[class^=threadSuggestionBar_],0.1685,0,
|
||||
[class^='chatContent_'] > [class^='messagesWrapper_'],0.1684,1,
|
||||
[class^=session_],0.1684,0,
|
||||
[class^=categoryText_],0.1683,0,
|
||||
[class^=channelTextArea] > [class^=scrollableContainer],0.1679,1,
|
||||
[class^=panels_] > [class^=panel_],0.1677,0,
|
||||
"[class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);']",0.1674,0,
|
||||
[class^='sectionDivider_'],0.1671,1,
|
||||
[class^='callContainer_'],0.1669,0,
|
||||
[class^=content_] > [class^=resizeHandle_],0.1663,0,
|
||||
[class^=container_] > [class^=base_],0.1661,1,
|
||||
#app-mount [class^='divider_'],0.1639,2,
|
||||
[class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask,0.123,45,
|
||||
*,0.1194,5612,
|
||||
[class^='mask_'] > foreignObject,0.1165,1,
|
||||
[class^='bannerSVGWrapper_'] > mask > circle,0.1122,0,
|
||||
[class^='mask_'] > rect,0.1074,1,
|
||||
[class^='svg_'] > foreignObject,0.1069,100,
|
||||
[class^='mask_'] > svg,0.1043,0,
|
||||
#app-mount .controlIcon_ef18ee,0.1034,0,
|
||||
#app-mount .lookLink_dd4f85.colorPrimary_dd4f85,0.1023,0,
|
||||
[class^='mask_'] > circle,0.099,0,
|
||||
"[style='opacity: 1; background-color: rgb(35, 165, 90);']",0.0979,0,
|
||||
"svg[style='color: rgb(88, 101, 242);']",0.0884,13,
|
||||
#app-mount button path[fill='var(--white-500)'],0.087,0,
|
||||
[role='button'] path[fill='var(--white-500)'],0.083,0,
|
||||
:root,0.0804,1,
|
||||
:root,0.0792,1,
|
||||
[class^='callContainer_'] [class^='topControls_'] section,0.0784,0,
|
||||
svg[class^=slider_] > rect[fill='white'],0.0784,0,
|
||||
:root,0.0767,1,
|
||||
[class^=jumpToPresentBar_] > button,0.0735,0,
|
||||
.wrapper_c51b4e:has(rect[fill='#80848e']),0.0695,1,
|
||||
.textArea_bdf0de,0.0636,1,
|
||||
.attachButton_f298d4,0.0619,1,
|
||||
.wrapper_c51b4e:has(rect[fill='#593695']),0.0614,0,
|
||||
.wrapper_c51b4e:has(rect[fill='#f0b232']),0.0609,0,
|
||||
.guilds_a4d4d9,0.0607,1,
|
||||
.wrapper_c51b4e:has(rect),0.0607,1,
|
||||
.wrapper_c51b4e:has(rect[fill='#f23f43']),0.0606,0,
|
||||
.theme-dark,0.0602,1,
|
||||
.wrapper_c51b4e:has(rect[fill='#23a55a']),0.0597,0,
|
||||
.lookFilled_dd4f85.colorPrimary_dd4f85,0.0584,0,
|
||||
.container_fc4f04,0.0581,1,
|
||||
.guilds_a4d4d9,0.058,1,
|
||||
.timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca,0.0577,32,
|
||||
.container_c2739c,0.0572,0,
|
||||
.container_b2ca13,0.0571,1,
|
||||
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0568,0,
|
||||
.embedFull_b0068a,0.0567,1,
|
||||
.separator_a0,0.0564,0,
|
||||
.scroller_fb4810,0.0562,0,
|
||||
.scroller_fb4810,0.0562,0,
|
||||
.statusBubbleOuter_d0a252,0.056,0,
|
||||
.statusBubbleOuter_d0a252,0.0559,0,
|
||||
.container_a4d4d9,0.0558,1,
|
||||
.container_a6d69a,0.0557,0,
|
||||
.container_fc4f04,0.0557,1,
|
||||
.container_a6d69a,0.0557,0,
|
||||
.form_a7d72e,0.0556,1,
|
||||
.wrapper_fea3ef.hidden_fea3ef,0.0556,0,
|
||||
.guilds_a4d4d9,0.0555,1,
|
||||
.vc-ranb-button,0.0555,0,
|
||||
.horizontal_dc333f > .flex_dc333f,0.0555,0,
|
||||
.wordmarkWindows_a934d8 > svg,0.0554,1,
|
||||
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0554,0,
|
||||
.vc-spotify-time-right,0.0553,0,
|
||||
.newMessagesBar_cf58b5,0.0553,0,
|
||||
.chat_a7d72e,0.0552,1,
|
||||
.panels_a4d4d9,0.0552,1,
|
||||
.container_fb4810,0.0552,0,
|
||||
.vc-spotify-time-right,0.0552,0,
|
||||
.content_a7d72e,0.0551,1,
|
||||
.container_d1c246,0.0551,0,
|
||||
.form_a7d72e,0.0551,1,
|
||||
.wordmarkWindows_a934d8,0.0551,1,
|
||||
.vc-spotify-time-left,0.0551,0,
|
||||
.scroller_bf550a,0.055,0,
|
||||
.clipContainer_b11c5e,0.0549,0,
|
||||
.vc-spotify-time-left,0.0549,0,
|
||||
.wrapper_fea3ef,0.0549,1,
|
||||
.grabber_c7a159,0.0549,0,
|
||||
.platform-osx .guilds_a4d4d9,0.0548,0,
|
||||
.container_fc4f04,0.0548,1,
|
||||
.guilds_a4d4d9,0.0547,1,
|
||||
.container_a6d69a,0.0547,0,
|
||||
.scroller_e2e187,0.0546,1,
|
||||
.container_c75f85,0.0546,0,
|
||||
.container_c2739c,0.0546,0,
|
||||
.animatedContainer_fd6364,0.0544,0,
|
||||
.container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'],0.0544,0,
|
||||
.container_fc4f04,0.0544,1,
|
||||
.container_d1c246,0.0544,0,
|
||||
.separator_a0,0.0544,0,
|
||||
.container_adcaac,0.0542,0,
|
||||
.guilds_a4d4d9,0.0542,1,
|
||||
html.theme-light,0.054,0,
|
||||
.form_a7d72e,0.0539,1,
|
||||
.tabBody_c2739c,0.0539,0,
|
||||
.scroller_fb4810,0.0539,0,
|
||||
.container_adcaac,0.0538,0,
|
||||
.scroller_fb4810,0.0533,0,
|
||||
::selection,0.0028,0,
|
||||
#vc-spotify-player,0.0003,0,
|
||||
#vc-spotify-player,0.0003,0,
|
||||
#vc-spotify-player,0.0003,0,
|
||||
#vc-spotify-progress-bar,0.0003,0,
|
||||
#vc-spotify-progress-bar [class^='bar_'],0.0003,0,
|
||||
.overlay_f94206:after,0.0003,0,
|
||||
#app-mount #vc-spotify-player,0.0002,0,
|
||||
#vc-spotify-player,0.0002,0,
|
||||
.overlay_f18fcb:after,0.0002,0,
|
||||
::-webkit-scrollbar-thumb,0.0001,0,
|
||||
::placeholder,0.0001,0,
|
||||
|
|
|
@ -0,0 +1,215 @@
|
|||
{
|
||||
"name": "systemtheme",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "systemtheme",
|
||||
"version": "1.0.0",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"chokidar": "^3.6.0",
|
||||
"dotenv": "^16.4.5"
|
||||
}
|
||||
},
|
||||
"node_modules/anymatch": {
|
||||
"version": "3.1.3",
|
||||
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
|
||||
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"normalize-path": "^3.0.0",
|
||||
"picomatch": "^2.0.4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/binary-extensions": {
|
||||
"version": "2.3.0",
|
||||
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
|
||||
"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/braces": {
|
||||
"version": "3.0.3",
|
||||
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
|
||||
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"fill-range": "^7.1.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/chokidar": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
|
||||
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"anymatch": "~3.1.2",
|
||||
"braces": "~3.0.2",
|
||||
"glob-parent": "~5.1.2",
|
||||
"is-binary-path": "~2.1.0",
|
||||
"is-glob": "~4.0.1",
|
||||
"normalize-path": "~3.0.0",
|
||||
"readdirp": "~3.6.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 8.10.0"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://paulmillr.com/funding/"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"fsevents": "~2.3.2"
|
||||
}
|
||||
},
|
||||
"node_modules/dotenv": {
|
||||
"version": "16.4.5",
|
||||
"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
|
||||
"integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://dotenvx.com"
|
||||
}
|
||||
},
|
||||
"node_modules/fill-range": {
|
||||
"version": "7.1.1",
|
||||
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
|
||||
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"to-regex-range": "^5.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/fsevents": {
|
||||
"version": "2.3.3",
|
||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
||||
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
|
||||
"dev": true,
|
||||
"hasInstallScript": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
],
|
||||
"engines": {
|
||||
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/glob-parent": {
|
||||
"version": "5.1.2",
|
||||
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
|
||||
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"is-glob": "^4.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/is-binary-path": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
|
||||
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"binary-extensions": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/is-extglob": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
|
||||
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/is-glob": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
|
||||
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"is-extglob": "^2.1.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/is-number": {
|
||||
"version": "7.0.0",
|
||||
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
|
||||
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=0.12.0"
|
||||
}
|
||||
},
|
||||
"node_modules/normalize-path": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
|
||||
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/picomatch": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
|
||||
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=8.6"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/jonschlinkert"
|
||||
}
|
||||
},
|
||||
"node_modules/readdirp": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
|
||||
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"picomatch": "^2.2.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/to-regex-range": {
|
||||
"version": "5.0.1",
|
||||
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
|
||||
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"is-number": "^7.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"name": "systemtheme",
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"dev": "node scripts/dev.js",
|
||||
"build": "node scripts/build.js"
|
||||
},
|
||||
"author": "refact0r",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"chokidar": "^3.6.0",
|
||||
"dotenv": "^16.4.5"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const chokidar = require('chokidar');
|
||||
|
||||
require('dotenv').config({ path: path.join(__dirname, '..', '.env') });
|
||||
|
||||
const srcDir = path.join(__dirname, '..', 'src');
|
||||
const baseFile = path.join(__dirname, '..', 'system24.theme.css');
|
||||
const outputFile = process.env.DEV_OUTPUT_PATH;
|
||||
const pathToIgnore = 'https://refact0r.github.io/system24/';
|
||||
|
||||
if (!outputFile) {
|
||||
console.error('DEV_OUTPUT_PATH is not set in .env file');
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
async function replaceImports(content) {
|
||||
const importRegex = /@import url\('([^']+)'\);/g;
|
||||
let match;
|
||||
while ((match = importRegex.exec(content)) !== null) {
|
||||
const importUrl = match[1];
|
||||
const filePath = importUrl.replace(pathToIgnore, '');
|
||||
const localFilePath = path.join(__dirname, '..', filePath);
|
||||
if (fs.existsSync(localFilePath)) {
|
||||
const importedContent = fs.readFileSync(localFilePath, 'utf8');
|
||||
content = content.replace(match[0], importedContent);
|
||||
} else {
|
||||
console.error(`File not found: ${localFilePath}`);
|
||||
}
|
||||
}
|
||||
return content;
|
||||
}
|
||||
|
||||
async function combineCSS() {
|
||||
let combinedCSS = fs.readFileSync(baseFile, 'utf8');
|
||||
combinedCSS = await replaceImports(combinedCSS);
|
||||
fs.writeFileSync(outputFile, combinedCSS);
|
||||
console.log('Updated development CSS file.');
|
||||
}
|
||||
|
||||
combineCSS();
|
||||
|
||||
chokidar.watch(srcDir).on('change', (event, path) => {
|
||||
console.log('Changes detected. Rebuilding...');
|
||||
combineCSS();
|
||||
});
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
/* unrounding */
|
||||
::-webkit-scrollbar-thumb,
|
||||
* {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
/* hide round masks */
|
||||
[class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask,
|
||||
[class^='bannerSVGWrapper_'] > mask > circle {
|
||||
display: none;
|
||||
}
|
||||
[class^='mask_'] > foreignObject,
|
||||
[class^='svg_'] > foreignObject {
|
||||
mask-image: none;
|
||||
}
|
||||
|
||||
/* fiil circle mask on profile avatar */
|
||||
.overlay__75742:after, /* profile popup */
|
||||
.overlay_c0bea0:after {
|
||||
/* user settings */
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* hide status indicators */
|
||||
[class^='mask_'] > rect,
|
||||
[class^='mask_'] > circle,
|
||||
[class^='mask_'] > svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* re-add status indicators */
|
||||
.wrapper__44b0c:has(rect)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
bottom: -4px;
|
||||
right: -4px;
|
||||
border: 2px solid var(--bg-0);
|
||||
}
|
||||
.wrapper__44b0c:has(rect[fill='#23a55a'])::after {
|
||||
background: var(--online-dot) !important;
|
||||
}
|
||||
.wrapper__44b0c:has(rect[fill='#f23f43'])::after {
|
||||
background: var(--dnd-dot) !important;
|
||||
}
|
||||
.wrapper__44b0c:has(rect[fill='#f0b232'])::after {
|
||||
background: var(--idle-dot) !important;
|
||||
}
|
||||
.wrapper__44b0c:has(rect[fill='#80848e'])::after {
|
||||
background: var(--txt-3) !important;
|
||||
}
|
||||
.wrapper__44b0c:has(rect[fill='#593695'])::after {
|
||||
background: var(--streaming-dot);
|
||||
}
|
||||
|
||||
/* fix server list badges */
|
||||
[class^='lowerBadge_'] {
|
||||
border: 2px solid var(--bg-0);
|
||||
bottom: -4px;
|
||||
right: -4px;
|
||||
}
|
||||
[class^='upperBadge_'] {
|
||||
border: 2px solid var(--bg-0);
|
||||
top: -4px;
|
||||
right: -4px;
|
||||
}
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
/**
|
||||
* @name system24 (catppuccin macchiato lavender)
|
||||
* @description A tui-style discord theme. Based on the catppuccin maccchiato color palette.
|
||||
* @author refact0r, bean
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/flavors/catppuccin-mocha.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: -0.05ch; /* decreases letter spacing for better readability. */
|
||||
font-weight: 300; /* UI font weight. */
|
||||
--label-font-weight: 500; /* font weight for panel labels. */
|
||||
--corner-text: 'macchiato24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 16px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: #24273a; /* main background color. */
|
||||
--bg-1: #1e2030; /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: #363a4f; /* color of neutral buttons. */
|
||||
--bg-3: #494d64; /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: color-mix(in oklch, var(--txt-3), transparent 80%); /* color of hovered elements. */
|
||||
--active: color-mix(in oklch, var(--txt-3), transparent 60%); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--cyan); /* color of links. */
|
||||
--txt-0: #eaeefa; /* color of bright/white text. */
|
||||
--txt-1: #cad3f5; /* main text color. */
|
||||
--txt-2: #939ab7; /* color of secondary text like channel list. */
|
||||
--txt-3: #5b6078; /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--lavender); /* main accent color. */
|
||||
--acc-1: var(--lavender-1); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--lavender-2); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 2px; /* panel border thickness. */
|
||||
--border-color: var(--bg-2); /* panel border color. */
|
||||
--border-hover-color: var(--acc-0); /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--cyan); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(73.7% 0.125 11.19);
|
||||
--pink-1: oklch(63.7% 0.125 11.19);
|
||||
--pink-2: oklch(53.7% 0.125 11.19);
|
||||
--purple: oklch(77.15% 0.126 303.9);
|
||||
--purple-1: oklch(67.15% 0.126 303.9);
|
||||
--purple-2: oklch(57.15% 0.126 303.9);
|
||||
--cyan: oklch(78.51% 0.085 228.38);
|
||||
--yellow: oklch(87.9% 0.074 84.75);
|
||||
--green: oklch(83.5% 0.108 138.15);
|
||||
--green-1: oklch(73.5% 0.108 138.15);
|
||||
--green-2: oklch(63.5% 0.108 138.15);
|
||||
--lavender: oklch(81.66% 0.091 277.31);
|
||||
--lavender-1: oklch(71.66% 0.091 277.31);
|
||||
--lavender-2: oklch(61.66% 0.091 277.31);
|
||||
}
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* @name system24 (catppuccin mocha)
|
||||
* @description A tui-style discord theme. Based on the catppuccin mocha color palette.
|
||||
* @author refact0r
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/flavors/catppuccin-mocha.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: -0.05ch; /* decreases letter spacing for better readability. */
|
||||
font-weight: 300; /* UI font weight. */
|
||||
--label-font-weight: 500; /* font weight for panel labels. */
|
||||
--corner-text: 'catppuccin24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 16px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: #1e1e2e; /* main background color. */
|
||||
--bg-1: #181825; /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: #313244; /* color of neutral buttons. */
|
||||
--bg-3: #45475a; /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: color-mix(in oklch, var(--txt-3), transparent 80%); /* color of hovered elements. */
|
||||
--active: color-mix(in oklch, var(--txt-3), transparent 60%); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--cyan); /* color of links. */
|
||||
--txt-0: #eaeefa; /* color of bright/white text. */
|
||||
--txt-1: #cdd6f4; /* main text color. */
|
||||
--txt-2: #9399b2; /* color of secondary text like channel list. */
|
||||
--txt-3: #585b70; /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--purple); /* main accent color. */
|
||||
--acc-1: var(--purple-1); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--purple-2); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 2px; /* panel border thickness. */
|
||||
--border-color: var(--bg-2); /* panel border color. */
|
||||
--border-hover-color: var(--acc-0); /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: #f38ba8;
|
||||
--pink-1: #d16c89;
|
||||
--pink-2: #af4e6c;
|
||||
--purple: #cba6f7;
|
||||
--purple-1: #ab87d6;
|
||||
--purple-2: #8d69b5;
|
||||
--cyan: #74c7ec;
|
||||
--yellow: #f9e2af;
|
||||
--green: #a6e3a1;
|
||||
--green-1: #87c282;
|
||||
--green-2: #68a364;
|
||||
}
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* @name system24
|
||||
* @description A tui-style discord theme.
|
||||
* @author refact0r
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/system24.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'Agave Nerd Font'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: 0; /* decreases letter spacing for better readability. */
|
||||
font-weight: 400; /* UI font weight. */
|
||||
--label-font-weight: 400; /* font weight for panel labels. */
|
||||
--corner-text: 'system24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 18px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: #1a1a1a; /* main background color. */
|
||||
--bg-1: #1a1a1a; /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: #1a1a1a; /* color of neutral buttons. */
|
||||
--bg-3: #641a1a; /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: #641a1a; /* color of hovered elements. */
|
||||
--active: #5018dd; /* color of elements when clicked. */
|
||||
--selected: #E40046; /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--cyan); /* color of links. */
|
||||
--txt-0: #d6abab; /* color of bright/white text. */
|
||||
--txt-1: #d6abab;/* main text color. */
|
||||
--txt-2: #5018dd;/* color of secondary text like channel list. */
|
||||
--txt-3: #d6abab;/* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-1: #E40046; /* main accent color. */
|
||||
--acc-0: #5018dd; /* color of accent buttons when hovered. */
|
||||
--acc-2: #5018dd; /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 1px; /* panel border thickness. */
|
||||
--border-color: #5018dd; /* panel border color. */
|
||||
--border-hover-color: #E40046; /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: #f50505; /* color of mention text. */
|
||||
--mention-bg: #5018dd; /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(73% 0.12 0);
|
||||
--pink-1: oklch(63% 0.12 0);
|
||||
--pink-2: oklch(53% 0.12 0);
|
||||
--purple: oklch(73% 0.12 300);
|
||||
--purple-1: oklch(63% 0.12 300);
|
||||
--purple-2: oklch(53% 0.12 300);
|
||||
--cyan: oklch(73% 0.12 200);
|
||||
--yellow: oklch(78% 0.12 80);
|
||||
--green: hsl(141, 76%, 48%);
|
||||
--green-1: hsl(141, 73%, 42%);
|
||||
--green-2: hsl(141, 73%, 36%);
|
||||
}
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
/**
|
||||
* @name system24 (gruvbox material)
|
||||
* @description A tui-style discord theme. Based on the gruvbox material color palette.
|
||||
* @author refact0r, Sophed
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: -0.05ch; /* decreases letter spacing for better readability. */
|
||||
font-weight: 400; /* UI font weight. */
|
||||
--label-font-weight: 500; /* font weight for panel labels. */
|
||||
--corner-text: 'gruvbox material'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 16px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: #282828; /* main background color. */
|
||||
--bg-1: #1d2021; /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: #3c3836; /* color of neutral buttons. */
|
||||
--bg-3: #504945; /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: color-mix(in oklch, var(--txt-3), transparent 80%); /* color of hovered elements. */
|
||||
--active: color-mix(in oklch, var(--txt-3), transparent 60%); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--aqua); /* color of links. */
|
||||
--txt-0: #d4be98; /* color of bright/white text. */
|
||||
--txt-1: #ddc7a1; /* main text color. */
|
||||
--txt-2: #d4be98; /* color of secondary text like channel list. */
|
||||
--txt-3: #928374; /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--aqua); /* main accent color. */
|
||||
--acc-1: var(--green); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--blue); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 2px; /* panel border thickness. */
|
||||
--border-color: var(--bg-2); /* panel border color. */
|
||||
--border-hover-color: var(--acc-0); /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--red); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--red: #ea6962;
|
||||
--purple: #d3869b;
|
||||
--yellow: #f9e2af;
|
||||
--aqua: #89b482;
|
||||
--blue: #7daea3;
|
||||
--green: #a9b665;
|
||||
}
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
/**
|
||||
* @name system24 (light)
|
||||
* @description A tui-style discord theme. light mode.
|
||||
* @author refact0r
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/flavors/light.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: -0.05ch; /* decreases letter spacing for better readability. */
|
||||
font-weight: 300; /* UI font weight. */
|
||||
--label-font-weight: 500; /* font weight for panel labels. */
|
||||
--corner-text: 'system24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 16px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: oklch(97.6% 0 0); /* main background color. */
|
||||
--bg-1: oklch(92.6% 0 0); /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: oklch(87.6% 0 0); /* color of neutral buttons. */
|
||||
--bg-3: oklch(82.6% 0 0); /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: oklch(40% 0 0 / 0.1); /* color of hovered elements. */
|
||||
--active: oklch(40% 0 0 / 0.2); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--cyan); /* color of links. */
|
||||
--txt-0: oklch(100% 0 0); /* color of bright/white text. */
|
||||
--txt-1: oklch(30% 0 0); /* main text color. */
|
||||
--txt-2: oklch(50% 0 0); /* color of secondary text like channel list. */
|
||||
--txt-3: oklch(70% 0 0); /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--purple); /* main accent color. */
|
||||
--acc-1: var(--purple-1); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--purple-2); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 2px; /* panel border thickness. */
|
||||
--border-color: var(--bg-2); /* panel border color. */
|
||||
--border-hover-color: var(--acc-0); /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 85%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 85%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(57% 0.13 0);
|
||||
--pink-1: oklch(50% 0.13 0);
|
||||
--pink-2: oklch(43% 0.13 0);
|
||||
--purple: oklch(57% 0.13 300);
|
||||
--purple-1: oklch(50% 0.13 300);
|
||||
--purple-2: oklch(43% 0.13 300);
|
||||
--cyan: oklch(57% 0.13 200);
|
||||
--yellow: oklch(71% 0.13 80);
|
||||
--green: oklch(57% 0.13 160);
|
||||
--green-1: oklch(50% 0.13 160);
|
||||
--green-2: oklch(43% 0.13 160);
|
||||
}
|
||||
|
||||
[class^=jumpToPresentBar_] > button {
|
||||
color: var(--txt-1);
|
||||
}
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
/**
|
||||
* @name system24 (monochrome)
|
||||
* @description A tui-style discord theme. Has less colors and more neutral greys and whites.
|
||||
* @author refact0r, DeadGrip
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://refact0r.dev/
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: -0.05ch; /* decreases letter spacing for better readability. */
|
||||
font-weight: 300; /* UI font weight. */
|
||||
--label-font-weight: 500; /* font weight for panel labels. */
|
||||
--corner-text: 'monochrome'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 16px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: oklch(19% 0 0); /* main background color. */
|
||||
--bg-1: oklch(23% 0 0); /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: oklch(27% 0 0); /* color of neutral buttons. */
|
||||
--bg-3: oklch(31% 0 0); /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: oklch(54% 0 0 / 0.1); /* color of hovered elements. */
|
||||
--active: oklch(54% 0 0 / 0.2); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--shade-0); /* color of links. */
|
||||
--txt-0: oklch(90% 0 0); /* color of bright/white text. */
|
||||
--txt-1: oklch(80% 0 0); /* main text color. */
|
||||
--txt-2: oklch(60% 0 0); /* color of secondary text like channel list. */
|
||||
--txt-3: oklch(40% 0 0); /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--shade-0); /* main accent color. */
|
||||
--acc-1: var(--shade-1); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--shade-2); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 2px; /* panel border thickness. */
|
||||
--border-color: var(--bg-3); /* panel border color. */
|
||||
--border-hover-color: var(--acc-1); /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--shade-0); /* color of online dot. */
|
||||
--dnd-dot: oklch(80% 0.08 0); /* color of do not disturb dot. */
|
||||
--idle-dot: oklch(80% 0.08 100); /* color of idle dot. */
|
||||
--streaming-dot: oklch(80% 0.08 300); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(90% 0 0);
|
||||
--pink-1: oklch(70% 0 0);
|
||||
--pink-2: oklch(50% 0 0);
|
||||
--purple: oklch(90% 0 0);
|
||||
--purple-1: oklch(70% 0 0);
|
||||
--purple-2: oklch(50% 0 0);
|
||||
--cyan: oklch(90% 0 0);
|
||||
--yellow: oklch(90% 0 0);
|
||||
--green: oklch(90% 0 0);
|
||||
--green-1: oklch(70% 0 0);
|
||||
--green-2: oklch(50% 0 0);
|
||||
--shade-0: oklch(90% 0 0);
|
||||
--shade-1: oklch(70% 0 0);
|
||||
--shade-2: oklch(50% 0 0);
|
||||
}
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
/**
|
||||
* @name system24
|
||||
* @description A tui-style discord theme.
|
||||
* @author refact0r
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/system24.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: 0; /* decreases letter spacing for better readability. */
|
||||
font-weight: 400; /* UI font weight. */
|
||||
--label-font-weight: 400; /* font weight for panel labels. */
|
||||
--corner-text: 'system24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 16px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: #191724; /* main background color. */
|
||||
--bg-1: #1f1d2e; /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: #26233a; /* color of neutral buttons. */
|
||||
--bg-3: #403d52; /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: color-mix(in srgb, var(--bg-3), transparent 60%); /* color of hovered elements. */
|
||||
--active: color-mix(in srgb, var(--bg-3), transparent 80%); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--rose); /* color of links. */
|
||||
--txt-0: #ffffff; /* color of bright/white text. */
|
||||
--txt-1: #e0def4; /* main text color. */
|
||||
--txt-2: #908caa; /* color of secondary text like channel list. */
|
||||
--txt-3: #6e6a86; /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--rose); /* main accent color. */
|
||||
--acc-1: var(--rose-1); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--rose-2); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 2px; /* panel border thickness. */
|
||||
--border-color: var(--bg-2); /* panel border color. */
|
||||
--border-hover-color: var(--acc-0); /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(69.77% 0.1565 4.22);
|
||||
--pink-1: oklch(59.77% 0.1565 4.22);
|
||||
--pink-2: oklch(49.77% 0.1565 4.22);
|
||||
--purple: oklch(77.6% 0.0945 304.99);
|
||||
--purple-1: oklch(67.6% 0.0945 304.99);
|
||||
--purple-2: oklch(57.6% 0.0945 304.99);
|
||||
--cyan: oklch(52.77% 0.0793 227.72);
|
||||
--yellow: oklch(84.29% 0.11 74.6);
|
||||
--green: oklch(82.19% 0.0543 209.56);
|
||||
--green-1: oklch(72.19% 0.0543 209.56);
|
||||
--green-2: oklch(62.19% 0.0543 209.56);
|
||||
--rose: oklch(83.63% 0.0544 21.14);
|
||||
--rose-1: oklch(73.63% 0.0544 21.14);
|
||||
--rose-2: oklch(63.63% 0.0544 21.14);
|
||||
}
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* @name system24
|
||||
* @description A tui-style discord theme.
|
||||
* @author refact0r
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/system24.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: 0; /* decreases letter spacing for better readability. */
|
||||
font-weight: 400; /* UI font weight. */
|
||||
--label-font-weight: 400; /* font weight for panel labels. */
|
||||
--corner-text: 'system24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 18px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: hsl(0, 0%, 7%); /* main background color. */
|
||||
--bg-1: hsl(0, 0%, 10%); /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: hsl(0, 0%, 13%); /* color of neutral buttons. */
|
||||
--bg-3: hsl(0, 0%, 16%); /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: hsla(0, 0%, 40%, 0.1); /* color of hovered elements. */
|
||||
--active: hsla(0, 0%, 40%, 0.2); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--cyan); /* color of links. */
|
||||
--txt-0: hsl(0, 0%, 100%); /* color of bright/white text. */
|
||||
--txt-1: hsl(0, 0%, 70%); /* main text color. */
|
||||
--txt-2: hsl(0, 0%, 50%); /* color of secondary text like channel list. */
|
||||
--txt-3: hsl(0, 0%, 30%); /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--green); /* main accent color. */
|
||||
--acc-1: var(--green-1); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--green-2); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 1px; /* panel border thickness. */
|
||||
--border-color: #535353; /* panel border color. */
|
||||
--border-hover-color: #1ed760; /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(73% 0.12 0);
|
||||
--pink-1: oklch(63% 0.12 0);
|
||||
--pink-2: oklch(53% 0.12 0);
|
||||
--purple: oklch(73% 0.12 300);
|
||||
--purple-1: oklch(63% 0.12 300);
|
||||
--purple-2: oklch(53% 0.12 300);
|
||||
--cyan: oklch(73% 0.12 200);
|
||||
--yellow: oklch(78% 0.12 80);
|
||||
--green: hsl(141, 76%, 48%);
|
||||
--green-1: hsl(141, 73%, 42%);
|
||||
--green-2: hsl(141, 73%, 36%);
|
||||
}
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
/**
|
||||
* @name system24
|
||||
* @description A tui-style discord theme.
|
||||
* @author refact0r, Liyua
|
||||
* @version 1.0.0
|
||||
* @invite nz87hXyvcy
|
||||
* @website https://github.com/refact0r/system24
|
||||
* @source https://github.com/refact0r/system24/blob/master/system24.theme.css
|
||||
* @authorId 508863359777505290
|
||||
* @authorLink https://www.refact0r.dev
|
||||
*/
|
||||
|
||||
/* import theme modules */
|
||||
@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
|
||||
@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
|
||||
|
||||
/* customize things here */
|
||||
:root {{
|
||||
--font: 'DM Mono'; /* UI font name. it must be installed on your system. */
|
||||
letter-spacing: -0.05ch; /* decreases letter spacing for better readability. */
|
||||
font-weight: 300; /* UI font weight. */
|
||||
--label-font-weight: 500; /* font weight for panel labels. */
|
||||
--corner-text: 'system24'; /* custom text to display in the corner. only works on windows. */
|
||||
--pad: 16px; /* padding between panels. */
|
||||
--txt-pad: 10px; /* padding inside panels to prevent labels from clipping */
|
||||
--panel-roundness: 0px; /* corner roundness of panels. ONLY WORKS IF unrounding.css IS REMOVED (see above). */
|
||||
|
||||
/* background colors */
|
||||
--bg-0: oklch(from {background} l c h); /* main background color. */
|
||||
--bg-1: oklch(from {background} calc(l + 0.04) c h); /* background color for secondary elements like code blocks, embeds, etc. */
|
||||
--bg-2: oklch(from {background} calc(l + 0.08) c h); /* color of neutral buttons. */
|
||||
--bg-3: oklch(from {background} calc(l + 0.12) c h); /* color of neutral buttons when hovered. */
|
||||
|
||||
/* state modifiers */
|
||||
--hover: oklch(54% 0 0 / 0.1); /* color of hovered elements. */
|
||||
--active: oklch(54% 0 0 / 0.2); /* color of elements when clicked. */
|
||||
--selected: var(--active); /* color of selected elements. */
|
||||
|
||||
/* text colors */
|
||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||
--txt-link: var(--cyan); /* color of links. */
|
||||
--txt-0: oklch(from {foreground} 100% c h); /* color of bright/white text. */
|
||||
--txt-1: oklch(from {foreground} 80% c h); /* main text color. */
|
||||
--txt-2: oklch(from {foreground} 60% c h); /* color of secondary text like channel list. */
|
||||
--txt-3: oklch(from {foreground} 40% c h); /* color of muted text. */
|
||||
|
||||
/* accent colors */
|
||||
--acc-0: var(--purple); /* main accent color. */
|
||||
--acc-1: var(--purple-1); /* color of accent buttons when hovered. */
|
||||
--acc-2: var(--purple-2); /* color of accent buttons when clicked. */
|
||||
|
||||
/* borders */
|
||||
--border-width: 2px; /* panel border thickness. */
|
||||
--border-color: var(--bg-3); /* panel border color. */
|
||||
--border-hover-color: var(--acc-0); /* panel border color when hovered. */
|
||||
--border-transition: 0.2s ease; /* panel border transition. */
|
||||
|
||||
/* status dot colors */
|
||||
--online-dot: var(--green); /* color of online dot. */
|
||||
--dnd-dot: var(--pink); /* color of do not disturb dot. */
|
||||
--idle-dot: var(--yellow); /* color of idle dot. */
|
||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||
|
||||
/* mention/ping and message colors */
|
||||
--mention-txt: var(--acc-0); /* color of mention text. */
|
||||
--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%); /* background highlight of mention text. */
|
||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||
--reply-hover-overlay: var(--hover); /* overlay color of message you are replying to when hovered. */
|
||||
|
||||
/* color shades */
|
||||
--pink: oklch(from {color0} l c h);
|
||||
--pink-1: oklch(from var(--pink) calc(l - 0.1) c h);
|
||||
--pink-2: oklch(from var(--pink) calc(l - 0.2) c h);
|
||||
--purple: oklch(from {color1} l c h);
|
||||
--purple-1: oklch(from var(--purple) calc(l - 0.1) c h);
|
||||
--purple-2: oklch(from var(--purple) calc(l - 0.2) c h);
|
||||
--cyan: oklch(from {color2} l c h);
|
||||
--yellow: oklch(from {color3} l c h);
|
||||
--green: oklch(from {color4} l c h);
|
||||
--green-1: oklch(from var(--green) calc(l - 0.1) c h);
|
||||
--green-2: oklch(from var(--green) calc(l - 0.2) c h);
|
||||
}}
|
||||