added vencord, and nvim colorizer

main
The_miro 2025-04-10 15:30:02 +02:00
parent 880e5d7126
commit 336777219b
106 changed files with 199518 additions and 2 deletions

View File

@ -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;
}
}
}
});
/***/ })
/******/ });

View File

@ -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);
}
/***/ })
/******/ });

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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);
}
}
};
/***/ })
/******/ });

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 272 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 561 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 561 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 490 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 550 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 474 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 490 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 561 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 826 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 826 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 730 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 787 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 714 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 730 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 826 B

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -0,0 +1,9 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="./build/main.js"></script>
</head>
<body>
</body>
</html>

View File

@ -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"
}
]
}

View File

@ -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>

View File

@ -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. &#x1f6a7;</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>

View File

@ -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. &#x1f6a7;</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>

View File

@ -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&rsquo;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>

View File

@ -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. &#8987;</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>

View File

@ -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. &#x2705;</b>
<br />
Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.
</p>

View File

@ -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>

View File

@ -0,0 +1,7 @@
html, body {
font-size: 14px;
}
body {
margin: 8px;
}

View File

@ -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;
});
});

View File

@ -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. &#x1f6a7;</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>

View File

@ -0,0 +1 @@
{}

File diff suppressed because one or more lines are too long

View File

@ -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/.
*/

File diff suppressed because one or more lines are too long

View File

@ -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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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
*/

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@

View File

@ -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
}
}

View File

@ -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%);
}

View File

@ -0,0 +1,6 @@
{
"tabWidth": 4,
"singleQuote": true,
"useTabs": true,
"printWidth": 200
}

View File

@ -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.

View File

@ -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).
![preivew](/assets/preview.png)
# system24
a tui-style discord theme, inspired by [spicetify text theme](https://github.com/spicetify/spicetify-themes/tree/master/text).
![screenshot](/assets/screenshot3.png)
## 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)
![image](https://github.com/user-attachments/assets/f459f9fc-7b6c-4e9d-a8c9-4adefb0be417)
### 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)
![image](https://github.com/user-attachments/assets/994d35f6-90d8-4f99-bfce-c3df13f415d4)
### 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)
![image](/assets/gruv-material.png)
### 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)
![image](/assets/monochrome.png)
### 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)
![image](/assets/rosepine.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 769 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 629 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 203 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 620 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 615 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 KiB

View File

@ -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')
}

View File

@ -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
1 Selector Time (ms) Matches
2 [class^='chatContent_']:has([class^='messagesWrapper_']:hover) 0.256000 0
3 [class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] 0.252800 0
4 [class^=chat_] > [class*=container_] 0.191900 0
5 [class*=embedFull_] 0.191100 1
6 [class*=lookFilled_][class*=colorPrimary_] 0.187400 0
7 #app-mount [class*=lookLink_][class*=colorPrimary_] 0.186500 0
8 #app-mount [class*=controlIcon_] 0.180000 0
9 [class^=container_] > [class^=wrapper_] 0.134800 1
10 [class^=container_] > [class^=wrapper_] 0.133600 1
11 [class^=container_] > [class^=wrapper_] 0.132400 1
12 [class^=message_][class*=replying_] 0.132300 0
13 [class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_] 0.131900 1
14 [class^=panels_] > [class^=wrapper_] > [class^=container] 0.131600 0
15 [class^=sidebar_] > [class^=container_] 0.131200 1
16 [class^=container_] > [class^=wrapper_] 0.131200 1
17 [class^='form_'] > [class^='wrapper_'] 0.131000 0
18 [class^=chat_] > [class^=content_] > [class^=container_] 0.130700 1
19 [class^=message_][class*=mentioned_] 0.130200 0
20 [class^=container_] > [class^=wrapper_] 0.130000 1
21 [class^=panels_] > [class^=container_] 0.129600 1
22 #app-mount [class^=sidebar_] > [class^=container_] 0.128500 1
23 [class^='sidebar_'] > [class^='container_'] 0.128500 1
24 [class^=member_] 0.126500 28
25 [class^=panels_] 0.126500 1
26 [class^='membersWrap_'] 0.126400 1
27 [class^=navButton_][class*=navButtonActive_] 0.126000 0
28 [class^='sidebar_'] > [class^='container_'] 0.125800 1
29 [class^='dot_'][class*='maskSecondary_'] 0.125800 0
30 [class^='membersWrap_'] 0.125600 1
31 [class^=panels_] 0.125600 1
32 [class^=sidebar_] 0.125500 1
33 [class^=centerContent_] > [class^=wrapper_] > [class^=anchor_] 0.125300 1
34 [class^=privateChannels_] > [class^=scroller_] 0.125200 0
35 [class^=childWrapper_] 0.125200 9
36 #app-mount [class^=partyStatus_] [class^=anchor_] 0.125200 0
37 [class^=iconBadge_]:not([class*=isCurrentUserConnected_]) 0.125200 1
38 [class^='toolbar_'] > [class^='search_'] 0.125100 1
39 [class^=container_] > [class^=base_] 0.125100 1
40 [class^='panels_'] 0.125000 1
41 [class^='status_'][style='background-color: rgb(242, 63, 67);'] 0.124900 0
42 [class^=chatContent_] > [class^=messagesWrapper_] 0.124800 1
43 [class^='form_'] [class^='channelTextArea_'] 0.124700 1
44 #app-mount [class^=sidebar_] 0.124700 1
45 [class^=members_] 0.124500 1
46 [class*=bannerVisible_] [class^=headerContent_] 0.124500 0
47 [class^=form_] [class^=channelTextArea_] 0.124500 1
48 [class^='typing_'] 0.124500 0
49 [class^='upperBadge_'] 0.124500 1
50 [class^=tabBody_] 0.124400 0
51 [class^=resizeHandle_] 0.124200 0
52 [class^='userPanelInner_'] 0.124200 0
53 [class^=attachedBars_] 0.124100 0
54 [class^=container_] > [class^=base_] 0.124100 1
55 [class^=gifFavoriteButton_] 0.124000 0
56 [class^=membersWrap_] 0.124000 1
57 [class^=panels_] > [class^=panel_] 0.124000 0
58 [class^='searchResultsWrap_'] 0.124000 0
59 [class^=profilePanel_] > [class^=userPanelOuter_] 0.123900 0
60 [class^=chat_] 0.123900 1
61 [class^=sidebar_] 0.123900 1
62 [class^='form_'] [class^='channelTextArea_'] 0.123900 1
63 [class^=panels_] > [class^=panel_] 0.123800 0
64 [class^='membersWrap_'] 0.123800 1
65 [class^='nowPlayingColumn_'] 0.123800 0
66 [class^=replyBar_] 0.123700 0
67 [class^=iconWrapper_] 0.123700 7
68 [class^='status_'][style='background-color: rgb(35, 165, 90);'] 0.123700 0
69 [class^=searchResultsWrap_] 0.123700 0
70 [class^='unreadPill_'][class*='endCap_'] 0.123600 1
71 [class^=overlayBottom_] > [class^=text-] 0.123600 0
72 [class^=privateChannels_] 0.123600 0
73 [class^=categoryText_] 0.123500 0
74 [class^=profilePanel_] 0.123500 0
75 [class^='searchResultsWrap_'] 0.123400 0
76 [class^='membersWrap_'] 0.123400 1
77 [class^='peopleListItem_'] 0.123400 0
78 [class^='status_'][style='background-color: rgb(240, 178, 50);'] 0.123300 0
79 [class^=tabBody_] 0.123200 0
80 [class^=privateChannels_] 0.123200 0
81 [class^='status_'][style='background-color: rgb(128, 132, 142);'] 0.123200 0
82 [class^='chatContent_'] > [class^='messagesWrapper_'] 0.123100 1
83 [class^='profilePanel_'] 0.123100 0
84 [class^=videoControls_] 0.123000 0
85 [class^=sidebar_] 0.123000 1
86 [class^=searchAnswer_] 0.122800 0
87 [class^='profilePanel_'] 0.122800 0
88 [class^='peopleColumn_'] 0.122800 0
89 [class^='nowPlayingColumn_'] 0.122800 0
90 [class^='sectionDivider_'] 0.122800 1
91 [class^=notAppAsidePanel_] > [class^=layerContainer_] 0.122700 2
92 [class^='privateChannels_'] 0.122700 0
93 [class^=privateChannels_] 0.122500 0
94 [class^=container_] > [class^=base_] 0.122500 1
95 [class^='lowerBadge_'] 0.122400 0
96 [class^=searchResultsWrap_] 0.122400 0
97 [class^=threadSuggestionBar_] 0.122200 0
98 [class^='chatContent_'] > [class^='messagesWrapper_'] 0.122200 1
99 [class^=searchResultsWrap_] 0.122200 0
100 [class^=peopleColumn_] 0.122200 0
101 [class^='nowPlayingColumn_'] 0.122100 0
102 [class^=searchFilter_] 0.122000 0
103 [class^=privateChannels_] 0.122000 0
104 [class^=nowPlayingColumn_] 0.122000 0
105 [class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);'] 0.121900 6
106 [class^='container_'] > [class^='base_'] 0.121900 1
107 [class^='panels_'] 0.121800 1
108 [class^=friendRequestsButton_] [class^=numberBadge_] 0.121600 0
109 [class^=peopleColumn_] 0.121400 0
110 #app-mount [class^=partyStatus_] 0.121300 0
111 [class^='form_'] [class^='channelTextArea_'] 0.121100 1
112 [class^='privateChannels_'] 0.121100 0
113 [class^='peopleColumn_'] 0.120900 0
114 #app-mount [class^='divider_'] 0.120100 3
115 .wrapper_c51b4e:has(rect[fill='#593695']) 0.109200 0
116 .wrapper_c51b4e:has(rect[fill='#80848e']) 0.107600 0
117 .wrapper_c51b4e:has(rect[fill='#23a55a']) 0.096000 18
118 .wrapper_c51b4e:has(rect[fill='#f0b232']) 0.095800 4
119 .wrapper_c51b4e:has(rect[fill='#f23f43']) 0.089600 8
120 .wrapper_c51b4e:has(rect) 0.087900 30
121 [style='opacity: 1; background-color: rgb(35, 165, 90);'] 0.074800 0
122 svg[style='color: rgb(88, 101, 242);'] 0.062200 8
123 #app-mount button path[fill='var(--white-500)'] 0.061600 0
124 [role='button'] path[fill='var(--white-500)'] 0.060400 0
125 [class^='mask_'] > svg 0.060400 2
126 [class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask 0.058600 48
127 [class^='bannerSVGWrapper_'] > mask > circle 0.056000 1
128 svg[class^=slider_] > rect[fill='white'] 0.055400 0
129 [class^='mask_'] > rect 0.055400 30
130 :root 0.055200 1
131 [class^='mask_'] > foreignObject 0.055100 32
132 [class^='svg_'] > foreignObject 0.054900 70
133 [class^='mask_'] > circle 0.054300 1
134 :root 0.053800 1
135 :root 0.052300 1
136 [class^=jumpToPresentBar_] > button 0.051700 0
137 aside[class^='profilePanel_'] 0.051000 0
138 .custom-profile-theme [class*=color_][class*=text_] 0.049900 0
139 .horizontal_bba380 > .flex_bba380 0.044800 0
140 .container_fb4810 0.044300 0
141 .container_a4d4d9 0.043900 1
142 .clipContainer_b11c5e 0.043900 0
143 .content_a7d72e 0.043600 1
144 .container_fc4f04 0.043600 1
145 .scroller_e2e187 0.043400 1
146 html.theme-light 0.043400 0
147 .platform-osx [class^=container_] > [class^=wrapper_] 0.043300 0
148 .container_fc4f04 0.043300 1
149 .container_fc4f04 0.043300 1
150 .container_adcaac 0.043200 0
151 .attachButton_f298d4 0.043200 1
152 .wrapper_fea3ef 0.043200 1
153 .container_d1c246 0.043200 0
154 .container_e85446:has(div[style='background-color: rgb(35, 165, 90);']) 0.043100 0
155 .textArea_d0696b 0.043000 2
156 .chat_a7d72e 0.043000 1
157 .wordmarkWindows_a934d8 > svg 0.043000 1
158 .vc-spotify-time-right 0.042900 1
159 .theme-dark 0.042900 3
160 .container_c75f85 0.042800 0
161 .form_a7d72e 0.042800 1
162 .container_a6d69a 0.042800 0
163 .vc-spotify-time-left 0.042800 1
164 .form_a7d72e 0.042700 1
165 .container_b2ca13 0.042700 1
166 .container_a6d69a 0.042700 0
167 .container_c2739c 0.042700 0
168 .tabBody_c2739c 0.042700 0
169 .vc-spotify-time-right 0.042700 1
170 .container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'] 0.042600 0
171 .container_d1c246 0.042600 0
172 .panels_a4d4d9 0.042600 1
173 .container_adcaac 0.042600 0
174 .container_c2739c 0.042500 0
175 .scroller_fb4810 0.042500 0
176 .form_a7d72e 0.042400 1
177 .newMessagesBar_cf58b5 0.042400 1
178 .animatedContainer_fd6364 0.042400 1
179 .vc-spotify-time-left 0.042400 1
180 .scroller_fb4810 0.042300 0
181 .wordmarkWindows_a934d8 0.042300 1
182 .container_e85446:has(div[style='background-color: rgb(35, 165, 90);']) 0.042300 0
183 .grabber_c7a159 0.042200 1
184 .container_a6d69a 0.042100 0
185 .scroller_fb4810 0.042100 0
186 .scroller_fb4810 0.042100 0
187 .container_fc4f04 0.041600 1
188 * 0.036500 6407
189 #vc-spotify-progress-bar [class^='bar_'] 0.000300 1
190 #app-mount #vc-spotify-player 0.000200 1
191 #vc-spotify-player 0.000200 1
192 #vc-spotify-player 0.000200 1
193 #vc-spotify-progress-bar 0.000200 1
194 ::-webkit-scrollbar-thumb 0.000200 0
195 #vc-spotify-player 0.000100 1

View File

@ -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,
1 Selector Time (ms) Matches Total
2 [class*=buttonColor_] 0.4697 0 38.4736
3 [class*=embedFull_] 0.446 2
4 [class^='chatContent_']:has([class^='typing_']:hover) 0.4342 0
5 #app-mount [class*=lookLink_][class*=colorPrimary_] 0.4331 0
6 [class*=lookFilled_][class*=colorPrimary_] 0.4315 0
7 [class^='chatContent_']:has([class^='messagesWrapper_']:hover) 0.4189 0
8 [class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] > [class^='jumpToPresentBar_'] 0.4146 0
9 #app-mount [class*=controlIcon_] 0.3911 0
10 [class^=searchFilter_] 0.3541 0
11 [class^='newBadge_'] 0.3385 0
12 [class^=friendRequestsButton_] [class^=numberBadge_] 0.3314 0
13 [class^=chat_] > [class*=container_] 0.32 0
14 [class^=videoControls_] 0.3099 0
15 [class*=backgroundAccent_] 0.3097 0
16 [class^=searchAnswer_] 0.3096 0
17 #app-mount [class^=partyStatus_] 0.3063 0
18 [class^='newChannel_'] 0.2995 0
19 [class^=iconBadge_]:not([class*=isCurrentUserConnected_]) 0.2892 0
20 #app-mount [class^=partyStatus_] [class^=anchor_] 0.2834 0
21 [class^=childWrapper_] 0.2817 15
22 [class^=overlayBottom_] > [class^=text-] 0.2786 0
23 [class^=gifFavoriteButton_] 0.2739 0
24 [class^='form_'] [class^='channelTextArea_'] 0.2703 1
25 [class^='panels_'] 0.2612 1
26 [class^=panels_] 0.2599 1
27 [class^=sidebar_] 0.2585 1
28 [class^=button_][class*=bannerColor_] 0.2576 0
29 [class^='content_']>[class^='outer_'] 0.2546 0
30 [class^=channelTextArea] > [class^=scrollableContainer] 0.2527 1
31 [class^='content_']>[class^='outer_'] 0.2511 0
32 [class^=sidebar_] > [class^=container_] 0.2439 1
33 [class^='channelBottomBarArea_'] 0.2423 1
34 [class^=panels_] > [class^=wrapper_] > [class^=container] 0.2386 0
35 [class^='form_'] > [class^='wrapper_'] 0.2365 0
36 [class^=navButton_][class*=navButtonActive_] 0.2356 0
37 [class^=sidebar_] 0.2315 1
38 [class^=membersWrap_] 0.2308 1
39 [class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_] 0.2273 0
40 [class^=categoryText_] 0.2255 0
41 [class^='form_'] > [class^='wrapper_'] 0.2233 0
42 [class^=sidebar_] 0.2232 1
43 [class^=members_] 0.2213 1
44 [class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);'] 0.2209 0
45 [class^=peopleColumn_] 0.2206 0
46 [class^=nowPlayingColumn_] 0.2206 0
47 [class^=message_][class*=replying_] 0.2181 0
48 [class^=message_][class*=mentioned_] 0.2175 5
49 [class^=bottomControls_] 0.2173 0
50 [class*=bannerVisible_] [class^=headerContent_] 0.2168 0
51 [class^=container_] > [class^=base_] 0.2148 1
52 [class^=tabBody_] 0.2147 0
53 [class^=privateChannels_] 0.2141 0
54 [class^='sidebar_'] > [class^='container_'] 0.2129 1
55 [class^='dot_'][class*='maskSecondary_'] 0.2125 0
56 [class^='status_'][style='background-color: rgb(35, 165, 90);'] 0.2124 0
57 [class^=privateChannels_] 0.2119 0
58 [class^='sidebar_'] > [class^='container_'] 0.2112 1
59 [class^='content_']>[class^='outer_'] 0.2105 0
60 [class^=channelBottomBarArea_] 0.2103 1
61 [class^='form_'] [class^='channelTextArea_'] 0.2101 1
62 [class^=privateChannels_] 0.21 0
63 [class^='channelAppLauncher_'] 0.2099 1
64 [class^=gradientBottom_] 0.2099 0
65 [class^=centerContent_] > [class^=wrapper_] > [class^=anchor_] 0.2099 0
66 [class^='form_'] > [class^='typing_'] 0.2095 0
67 [class^='content_']>[class^='outer_']>[class^='inner_'] 0.2094 0
68 #app-mount [class^=sidebar_] > [class^=container_] 0.2093 1
69 [class^='nowPlayingColumn_'] 0.209 0
70 [class^='status_'][style='background-color: rgb(128, 132, 142);'] 0.2087 0
71 [class^=peopleColumn_] 0.2082 0
72 [class^='nowPlayingColumn_'] 0.2079 0
73 [class^=session_] 0.2078 0
74 [class^='container_'] > [class^='base_'] 0.2076 1
75 [class^=searchResultsWrap_] 0.2076 0
76 [class^=panels_] > [class^=panel_] 0.2076 0
77 [class^='membersWrap_'] 0.2076 1
78 [class^=searchResultsWrap_] 0.2073 0
79 [class^=guildSeparator_] 0.2072 2
80 [class^=tableCell_] 0.2072 0
81 [class^=chat_] > [class^=content_] > [class^=container_] 0.2071 1
82 [class^='membersWrap_'] 0.207 1
83 [class^='sectionDivider_'] 0.2069 0
84 [class^='privateChannels_'] 0.2067 0
85 [class^='peopleColumn_'] 0.2065 0
86 [class^=attachedBars_] 0.2061 0
87 [class^=searchResultsWrap_] 0.206 0
88 [class^='callContainer_'] 0.2055 0
89 [class^='peopleColumn_'] 0.2051 0
90 [class^='notAppAsidePanel_'] > [class^='layerContainer_'] 0.2049 2
91 [class^='unreadPill_'][class*='endCap_'] 0.2048 0
92 [class^='panels_'] 0.2047 1
93 #app-mount [class^=sidebar_] 0.2045 1
94 [class^=chat_] 0.2044 1
95 [class^=panels_] 0.2044 1
96 [class^=panels_] > [class^=container_] 0.2042 1
97 [class^='chatContent_'] > [class^='messagesWrapper_'] 0.2042 1
98 [class^='nowPlayingColumn_'] 0.2041 0
99 [class^='membersWrap_'] 0.2041 1
100 [class^=container_] > [class^=base_] 0.2039 1
101 [class^='toolbar_'] > [class^='search_'] 0.2034 1
102 [class^='status_'][style='background-color: rgb(240, 178, 50);'] 0.2034 0
103 [class^=tabBody_] 0.2031 0
104 [class^='lowerBadge_'] 0.2031 0
105 [class^=privateChannels_] > [class^=scroller_] 0.2029 0
106 [class^='searchResultsWrap_'] 0.2028 0
107 [class^=customizationSection_] 0.2028 0
108 [class^=chatContent_] > [class^=messagesWrapper_] 0.2027 1
109 [class^='upperBadge_'] 0.2027 0
110 [class^='status_'][style='background-color: rgb(242, 63, 67);'] 0.2025 0
111 [class^=threadSuggestionBar_] 0.2021 0
112 [class^=panels_] > [class^=panel_] 0.202 0
113 [class^='searchResultsWrap_'] 0.202 0
114 [class^=columnHeading_] 0.2016 0
115 #app-mount [class^='divider_'] 0.2016 2
116 [class^=callContainer_] 0.2014 0
117 [class^='chatContent_'] > [class^='messagesWrapper_'] 0.2011 1
118 [class^='channelBottomBarArea_']:hover 0.201 0
119 [class^=gradientTop_] 0.2009 0
120 [class^=iconWrapper_] 0.2008 6
121 [class^='guildSeparator_'] 0.1998 2
122 [class^='content_']>[class^='outer_'] 0.1998 0
123 [class^='privateChannels_'] 0.1997 0
124 [class^=container_] > [class^=base_] 0.1996 1
125 [class^=member_] 0.1985 25
126 [class^='content_']>[class^='outer_'] 0.1984 0
127 [class^='sectionDivider_'] 0.198 0
128 [class^=topControls_] 0.198 0
129 [class^='membersWrap_'] 0.1974 1
130 [class^=privateChannels_] 0.1971 0
131 [class^=content_] > [class^=resizeHandle_] 0.1969 0
132 [class^=replyBar_] 0.196 0
133 [class^='form_'] [class^='channelTextArea_'] 0.1958 1
134 [class^='divider_']:not(.isUnread_c2654d) 0.194 2
135 .wrapper_c51b4e:has(rect[fill='#f0b232']) 0.1871 8
136 [class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask 0.1624 39
137 :root 0.1432 1
138 .wrapper_c51b4e:has(rect[fill='#80848e']) 0.1408 1
139 .wrapper_c51b4e:has(rect[fill='#593695']) 0.1371 0
140 .wrapper_c51b4e:has(rect[fill='#f23f43']) 0.1349 5
141 .wrapper_c51b4e:has(rect) 0.1342 26
142 .wrapper_c51b4e:has(rect[fill='#23a55a']) 0.1332 12
143 [class^='svg_'] > foreignObject 0.123 99
144 [role='button'] path[fill='var(--white-500)'] 0.1159 0
145 svg[style='color: rgb(88, 101, 242);'] 0.1122 13
146 [class^=jumpToPresentBar_] > button 0.1117 2
147 [style='opacity: 1; background-color: rgb(35, 165, 90);'] 0.1095 0
148 :root 0.1094 1
149 [class^='mask_'] > rect 0.1049 26
150 [class^='mask_'] > foreignObject 0.1041 26
151 [class^='mask_'] > svg 0.1035 1
152 #app-mount button path[fill='var(--white-500)'] 0.1031 0
153 [class^='bannerSVGWrapper_'] > mask > circle 0.102 0
154 svg[class^=slider_] > rect[fill='white'] 0.1016 0
155 :root 0.0946 1
156 [class^='mask_'] > circle 0.0937 0
157 [class^=callContainer_] [class^=topControls_] section 0.0882 0
158 .container_a6d69a 0.0797 0
159 .guilds_a4d4d9 0.0771 1
160 .container_adcaac 0.0769 0
161 .vc-spotify-time-left 0.0766 0
162 .vc-spotify-time-right 0.0746 0
163 .guilds_a4d4d9 0.0733 1
164 .form_a7d72e 0.0731 1
165 .container_fc4f04 0.0723 1
166 .container_c2739c 0.072 0
167 .form_a7d72e 0.0719 1
168 * 0.0714 6196
169 .timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca 0.0713 13
170 .container_d1c246 0.0713 0
171 .vc-ranb-button 0.0709 0
172 .container_b2ca13 0.0707 1
173 .wrapper_fea3ef 0.0706 1
174 .statusBubbleOuter_d0a252 0.0706 0
175 .container_fc4f04 0.0704 1
176 .scroller_bf550a 0.0703 0
177 .guilds_a4d4d9 0.0703 1
178 .attachButton_f298d4 0.0702 1
179 .container_a6d69a 0.07 0
180 .clipContainer_b11c5e 0.0699 0
181 .chat_a7d72e 0.0699 1
182 .form_a7d72e 0.0698 1
183 .panels_a4d4d9 0.0698 1
184 .container_e85446:has(div[style='background-color: rgb(35, 165, 90);']) 0.0698 0
185 .textArea_bdf0de 0.0697 1
186 .content_a7d72e 0.0695 1
187 .container_adcaac 0.0695 0
188 .animatedContainer_fd6364 0.0693 1
189 .guilds_a4d4d9 0.0692 1
190 .container_fb4810 0.0692 0
191 .separator_a0 0.0692 0
192 .container_e85446:has(div[style='background-color: rgb(35, 165, 90);']) 0.0692 0
193 .scroller_fb4810 0.0691 0
194 .wordmarkWindows_a934d8 > svg 0.0691 1
195 .wordmarkWindows_a934d8 0.0688 1
196 .container_fc4f04 0.0688 1
197 .scroller_fb4810 0.0688 0
198 .guilds_a4d4d9 0.0687 1
199 .container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'] 0.0686 0
200 .newMessagesBar_cf58b5 0.0685 0
201 .container_a4d4d9 0.0684 1
202 .scroller_e2e187 0.0684 1
203 .platform-osx .guilds_a4d4d9 0.0684 0
204 .scroller_fb4810 0.0683 0
205 .container_c75f85 0.0683 0
206 .container_c2739c 0.0681 0
207 html.theme-light 0.0681 0
208 .container_a6d69a 0.0681 0
209 .grabber_c7a159 0.068 0
210 .scroller_fb4810 0.0679 0
211 .theme-dark 0.0678 1
212 .statusBubbleOuter_d0a252 0.0678 0
213 .tabBody_c2739c 0.0677 0
214 .container_d1c246 0.0676 0
215 .horizontal_dc333f > .flex_dc333f 0.0673 0
216 .separator_a0 0.0669 0
217 .vc-spotify-time-left 0.0666 0
218 .container_fc4f04 0.0662 1
219 .vc-spotify-time-right 0.0661 0
220 .wrapper_fea3ef.hidden_fea3ef 0.0661 0
221 #vc-spotify-player 0.0004 0
222 #vc-spotify-progress-bar [class^='bar_'] 0.0004 0
223 #vc-spotify-player 0.0004 0
224 .overlay_f94206:after 0.0004 0
225 #app-mount #vc-spotify-player 0.0003 0
226 #vc-spotify-player 0.0003 0
227 #vc-spotify-progress-bar 0.0003 0
228 ::placeholder 0.0003 0
229 ::selection 0.0003 0
230 ::-webkit-scrollbar-thumb 0.0003 0
231 .overlay_f18fcb:after 0.0003 0
232 #vc-spotify-player 0.0002 0

View File

@ -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,
1 Selector Time (ms) Matches Total
2 [class^='chatContent_']:has([class^='messagesWrapper_']:hover) 0.4053 0 29.2904
3 [class^='chatContent_']:has([class^='typing_']:hover) 0.3815 0
4 [class^=chat_] > [class*=container_] 0.3098 0
5 [class^=chat_] > [class^=content_] > [class^=container_] 0.238 0
6 [class*=backgroundAccent_] 0.2297 0
7 [class^='form_'] [class^='channelTextArea_'] 0.2236 1
8 [class^='membersWrap_'] 0.2207 0
9 [class^=panels_] 0.2156 1
10 [class^=centerContent_] > [class^=wrapper_] > [class^=anchor_] 0.2081 0
11 [class^=searchResultsWrap_] 0.1998 0
12 [class^='content_']>[class^='outer_'] 0.1997 0
13 [class^='form_'] > [class^='wrapper_'] 0.1982 0
14 [class^=videoControls_] 0.1967 0
15 [class^=sidebar_] > [class^=container_] 0.1947 1
16 [class^=privateChannels_] 0.1911 0
17 [class^='content_'] > [class^='outer_'] 0.19 0
18 [class^='status_'][style='background-color: rgb(240, 178, 50);'] 0.19 0
19 [class^='form_'] > [class^='wrapper_'] 0.1888 0
20 [class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_] 0.1887 0
21 [class^=iconBadge_]:not([class*=isCurrentUserConnected_]) 0.1881 1
22 [class^='sidebar_'] > [class^='container_'] 0.1842 1
23 [class^='peopleColumn_'] 0.1839 0
24 [class^='lowerBadge_'] 0.1839 0
25 [class^='gradientBottom_'] 0.1836 0
26 [class^=overlayBottom_] > [class^=text-] 0.1834 0
27 [class^='status_'][style='background-color: rgb(35, 165, 90);'] 0.1834 0
28 [class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] > [class^='jumpToPresentBar_'] 0.1834 0
29 [class^='status_'][style='background-color: rgb(128, 132, 142);'] 0.1834 0
30 [class^='status_'][style='background-color: rgb(242, 63, 67);'] 0.1832 0
31 [class^='form_'] > [class^='typing_'] 0.183 1
32 [class^=panels_] 0.1826 1
33 [class^='searchResultsWrap_'] 0.1826 0
34 [class^='callContainer_'] 0.182 0
35 [class^='upperBadge_'] 0.1817 0
36 [class^=childWrapper_] 0.1817 15
37 [class^=members_] 0.1815 0
38 [class^=button_][class*=bannerColor_] 0.181 0
39 [class^='gradientTop_'] 0.181 0
40 [class^='sidebar_'] > [class^='container_'] 0.1808 1
41 [class^=searchFilter_] 0.1807 0
42 [class^=privateChannels_] 0.1804 0
43 [class^='panels_'] 0.1794 1
44 [class^=member_] 0.1791 0
45 [class^='membersWrap_'] 0.1791 0
46 [class^=message_][class*=replying_] 0.179 0
47 [class^='unreadPill_'][class*='endCap_'] 0.1788 0
48 [class^='privateChannels_'] 0.1787 0
49 [class^='bottomControls_'] 0.1787 0
50 [class^=message_][class*=mentioned_] 0.1784 5
51 [class^='content_'] > [class^='outer_'] 0.1784 0
52 #app-mount [class^=partyStatus_] 0.1784 0
53 [class^=searchAnswer_] 0.1781 0
54 [class^=panels_] > [class^=wrapper_] > [class^=container] 0.178 0
55 [class^='peopleColumn_'] 0.1779 0
56 [class^='form_'] [class^='channelTextArea_'] 0.1779 1
57 #app-mount [class^=partyStatus_] [class^=anchor_] 0.1776 0
58 [class^='panels_'] 0.1766 1
59 [class^='form_'] [class^='channelTextArea_'] 0.1766 1
60 [class^=replyBar_] 0.1765 0
61 [class^='privateChannels_'] 0.1765 0
62 [class^=channelBottomBarArea_] 0.1764 1
63 [class^='divider_']:not(.isUnread_c2654d) 0.1763 2
64 [class^=navButton_][class*=navButtonActive_] 0.1762 0
65 [class^=container_] > [class^=base_] 0.1756 1
66 [class^='nowPlayingColumn_'] 0.1755 0
67 [class^='membersWrap_'] 0.1755 0
68 [class^=sidebar_] 0.1753 1
69 [class^='newChannel_'] 0.1752 0
70 [class^=nowPlayingColumn_] 0.1752 0
71 [class^=guildSeparator_] 0.1751 2
72 [class^='topControls_'] 0.175 0
73 [class^='container_'] > [class^='base_'] 0.1748 1
74 [class^=panels_] > [class^=container_] 0.1742 1
75 [class^='notAppAsidePanel_'] > [class^='layerContainer_'] 0.1742 2
76 [class^=columnHeading_] 0.174 0
77 [class^='channelBottomBarArea_']:hover 0.1739 0
78 [class^=attachedBars_] 0.1738 0
79 [class^='membersWrap_'] 0.1738 0
80 [class^=searchResultsWrap_] 0.1737 0
81 [class^=gifFavoriteButton_] 0.1736 0
82 [class^=membersWrap_] 0.1736 0
83 [class^=customizationSection_] 0.1732 0
84 #app-mount [class^=sidebar_] > [class^=container_] 0.1727 1
85 [class^='newBadge_'] 0.1726 0
86 [class^='channelBottomBarArea_'] 0.1723 1
87 [class^=sidebar_] 0.1722 1
88 [class^=privateChannels_] 0.1722 0
89 [class^=sidebar_] 0.1721 1
90 [class^='toolbar_'] > [class^='search_'] 0.172 1
91 [class^=privateChannels_] 0.1713 0
92 [class^=friendRequestsButton_] [class^=numberBadge_] 0.1713 0
93 [class*=bannerVisible_] [class^=headerContent_] 0.1712 0
94 [class^=iconWrapper_] 0.1712 7
95 [class^=chatContent_] > [class^=messagesWrapper_] 0.1712 1
96 [class^='content_']>[class^='outer_']>[class^='inner_'] 0.171 0
97 [class^='nowPlayingColumn_'] 0.1709 0
98 [class^=peopleColumn_] 0.1709 0
99 [class^='content_']>[class^='outer_'] 0.1707 0
100 [class^=searchResultsWrap_] 0.1707 0
101 [class^='chatContent_'] > [class^='messagesWrapper_'] 0.1707 1
102 [class^=tableCell_] 0.1707 0
103 [class^=tabBody_] 0.1706 0
104 [class^=peopleColumn_] 0.1705 0
105 [class^=tabBody_] 0.1703 0
106 [class^='dot_'][class*='maskSecondary_'] 0.1702 0
107 [class^='sectionDivider_'] 0.1701 1
108 [class^='searchResultsWrap_'] 0.1701 0
109 [class^=privateChannels_] > [class^=scroller_] 0.17 0
110 [class^=container_] > [class^=base_] 0.17 1
111 [class^='content_'] > [class^='outer_'] 0.1699 0
112 [class^=chat_] 0.1696 1
113 [class^='channelAppLauncher_'] 0.1696 1
114 [class^='nowPlayingColumn_'] 0.1696 0
115 #app-mount [class^=sidebar_] 0.1689 1
116 [class^='guildSeparator_'] 0.1688 2
117 [class^=panels_] > [class^=panel_] 0.1686 0
118 [class^=threadSuggestionBar_] 0.1685 0
119 [class^='chatContent_'] > [class^='messagesWrapper_'] 0.1684 1
120 [class^=session_] 0.1684 0
121 [class^=categoryText_] 0.1683 0
122 [class^=channelTextArea] > [class^=scrollableContainer] 0.1679 1
123 [class^=panels_] > [class^=panel_] 0.1677 0
124 [class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);'] 0.1674 0
125 [class^='sectionDivider_'] 0.1671 1
126 [class^='callContainer_'] 0.1669 0
127 [class^=content_] > [class^=resizeHandle_] 0.1663 0
128 [class^=container_] > [class^=base_] 0.1661 1
129 #app-mount [class^='divider_'] 0.1639 2
130 [class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask 0.123 45
131 * 0.1194 5612
132 [class^='mask_'] > foreignObject 0.1165 1
133 [class^='bannerSVGWrapper_'] > mask > circle 0.1122 0
134 [class^='mask_'] > rect 0.1074 1
135 [class^='svg_'] > foreignObject 0.1069 100
136 [class^='mask_'] > svg 0.1043 0
137 #app-mount .controlIcon_ef18ee 0.1034 0
138 #app-mount .lookLink_dd4f85.colorPrimary_dd4f85 0.1023 0
139 [class^='mask_'] > circle 0.099 0
140 [style='opacity: 1; background-color: rgb(35, 165, 90);'] 0.0979 0
141 svg[style='color: rgb(88, 101, 242);'] 0.0884 13
142 #app-mount button path[fill='var(--white-500)'] 0.087 0
143 [role='button'] path[fill='var(--white-500)'] 0.083 0
144 :root 0.0804 1
145 :root 0.0792 1
146 [class^='callContainer_'] [class^='topControls_'] section 0.0784 0
147 svg[class^=slider_] > rect[fill='white'] 0.0784 0
148 :root 0.0767 1
149 [class^=jumpToPresentBar_] > button 0.0735 0
150 .wrapper_c51b4e:has(rect[fill='#80848e']) 0.0695 1
151 .textArea_bdf0de 0.0636 1
152 .attachButton_f298d4 0.0619 1
153 .wrapper_c51b4e:has(rect[fill='#593695']) 0.0614 0
154 .wrapper_c51b4e:has(rect[fill='#f0b232']) 0.0609 0
155 .guilds_a4d4d9 0.0607 1
156 .wrapper_c51b4e:has(rect) 0.0607 1
157 .wrapper_c51b4e:has(rect[fill='#f23f43']) 0.0606 0
158 .theme-dark 0.0602 1
159 .wrapper_c51b4e:has(rect[fill='#23a55a']) 0.0597 0
160 .lookFilled_dd4f85.colorPrimary_dd4f85 0.0584 0
161 .container_fc4f04 0.0581 1
162 .guilds_a4d4d9 0.058 1
163 .timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca 0.0577 32
164 .container_c2739c 0.0572 0
165 .container_b2ca13 0.0571 1
166 .container_e85446:has(div[style='background-color: rgb(35, 165, 90);']) 0.0568 0
167 .embedFull_b0068a 0.0567 1
168 .separator_a0 0.0564 0
169 .scroller_fb4810 0.0562 0
170 .scroller_fb4810 0.0562 0
171 .statusBubbleOuter_d0a252 0.056 0
172 .statusBubbleOuter_d0a252 0.0559 0
173 .container_a4d4d9 0.0558 1
174 .container_a6d69a 0.0557 0
175 .container_fc4f04 0.0557 1
176 .container_a6d69a 0.0557 0
177 .form_a7d72e 0.0556 1
178 .wrapper_fea3ef.hidden_fea3ef 0.0556 0
179 .guilds_a4d4d9 0.0555 1
180 .vc-ranb-button 0.0555 0
181 .horizontal_dc333f > .flex_dc333f 0.0555 0
182 .wordmarkWindows_a934d8 > svg 0.0554 1
183 .container_e85446:has(div[style='background-color: rgb(35, 165, 90);']) 0.0554 0
184 .vc-spotify-time-right 0.0553 0
185 .newMessagesBar_cf58b5 0.0553 0
186 .chat_a7d72e 0.0552 1
187 .panels_a4d4d9 0.0552 1
188 .container_fb4810 0.0552 0
189 .vc-spotify-time-right 0.0552 0
190 .content_a7d72e 0.0551 1
191 .container_d1c246 0.0551 0
192 .form_a7d72e 0.0551 1
193 .wordmarkWindows_a934d8 0.0551 1
194 .vc-spotify-time-left 0.0551 0
195 .scroller_bf550a 0.055 0
196 .clipContainer_b11c5e 0.0549 0
197 .vc-spotify-time-left 0.0549 0
198 .wrapper_fea3ef 0.0549 1
199 .grabber_c7a159 0.0549 0
200 .platform-osx .guilds_a4d4d9 0.0548 0
201 .container_fc4f04 0.0548 1
202 .guilds_a4d4d9 0.0547 1
203 .container_a6d69a 0.0547 0
204 .scroller_e2e187 0.0546 1
205 .container_c75f85 0.0546 0
206 .container_c2739c 0.0546 0
207 .animatedContainer_fd6364 0.0544 0
208 .container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'] 0.0544 0
209 .container_fc4f04 0.0544 1
210 .container_d1c246 0.0544 0
211 .separator_a0 0.0544 0
212 .container_adcaac 0.0542 0
213 .guilds_a4d4d9 0.0542 1
214 html.theme-light 0.054 0
215 .form_a7d72e 0.0539 1
216 .tabBody_c2739c 0.0539 0
217 .scroller_fb4810 0.0539 0
218 .container_adcaac 0.0538 0
219 .scroller_fb4810 0.0533 0
220 ::selection 0.0028 0
221 #vc-spotify-player 0.0003 0
222 #vc-spotify-player 0.0003 0
223 #vc-spotify-player 0.0003 0
224 #vc-spotify-progress-bar 0.0003 0
225 #vc-spotify-progress-bar [class^='bar_'] 0.0003 0
226 .overlay_f94206:after 0.0003 0
227 #app-mount #vc-spotify-player 0.0002 0
228 #vc-spotify-player 0.0002 0
229 .overlay_f18fcb:after 0.0002 0
230 ::-webkit-scrollbar-thumb 0.0001 0
231 ::placeholder 0.0001 0

View File

@ -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"
}
}
}
}

View File

@ -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"
}
}

View File

@ -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();
});

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -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;
}

View File

@ -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);
}

View File

@ -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;
}

View File

@ -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%);
}

View File

@ -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;
}

View File

@ -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);
}

View File

@ -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);
}

View File

@ -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);
}

View File

@ -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%);
}

View File

@ -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);
}}

Some files were not shown because too many files have changed in this diff Show More