Greasy Fork is available in English.
change styles to help
// ==UserScript==
// @name GrimSpur - Dark Theme 1
// @namespace typhon.grimspur.styles
// @version 2026-05-05
// @description change styles to help
// @author rantMore [3265877]
// @match https://www.grimspur.com
// @match https://www.grimspur.com/*
// @match https://grimspur.com
// @match https://grimspur.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=grimspur.com
// @license GNU GPLv3
// @grant GM_addStyle
// @run-at document-end
// ==/UserScript==
const mainBgPageColor = '#2f2b24';
const mainBgColor = '#322d23';
const mainShadowColor = '#594a2c';
const mainBorderColor = '#634d22';
GM_addStyle(`
.statbar {
background-color: ${mainBgPageColor} !important
}
.sidebar-wood {
background-color:${mainBgPageColor};
}
.sidebar-nav-label { color: #d4c4a0; }
[data-theme=dark] [class*="bg-[#d5c6a1]"] {
background-color: ${mainBgPageColor} !important
}
[data-theme=dark] [class*="bg1-[#c9b88a]"] {
background-color: ${mainBgPageColor} !important
}
[data-theme=dark] header[style] {
background: linear-gradient(180deg,#1a1610,#241f17)!important
}
[data-theme=dark] [style*=background]:not(.rounded-full):not(.h-full):not([class*=transition-all]):not(.profile-bg-override) {
background: ${mainBgColor} !important;
}
[data-theme=dark] [class*=bg-parchment-light][class*=rounded][class*=border] {
border-color: ${mainBorderColor} !important;
box-shadow: 0 0 12px 2px ${mainShadowColor},inset 0 1px ${mainBgColor} !important
}
[data-theme=dark] [class*=bg-parchment-light][class*=rounded][class*=border]:hover {
border-color: ${mainBorderColor} !important;
box-shadow: 0 0 18px 4px ${mainShadowColor},inset 0 1px ${mainBgColor} !important
}
[data-theme=dark] [class*=bg-parchment-dark][class*=rounded][class*=border] {
border-color: ${mainBorderColor} !important;
}
[data-theme=dark] [class*=border-2][class*=bg-parchment-light][class*=rounded] {
border-color: ${mainBorderColor} !important;
box-shadow: 0 0 16px 3px ${mainShadowColor} !important
}
[data-theme=dark] [class*=border-2][class*=bg-parchment-light][class*=rounded]:hover {
border-color: ${mainBgColor} !important;
box-shadow: 0 0 22px 5px ${mainShadowColor} !important
}
.text-\\[11px\\].font-gazette,
.text-\\[9px\\].font-gazette {
color: inherit !important;
}
.text-ink\\/60 {
color: inherit !important;
}
.text-ink\\/40,
.text-ink\\/45
{
color: #c1b599b3;
}
@media (min-width: 1280px) {
.text-xs { font-size: initial; }
.text-sm { font-size: initial; }
.text-\\[9px\\] { font-size: 11px; }
.text-\\[10px\\] { font-size: 12px; }
.text-\\[11px\\] { font-size: 13px; }
.text-\\[12px\\] { font-size: 14px; }
.statbar-label { font-size: 12px; font-weight: 600; }
.statbar-numbers-value { font-size: 13px; }
.statbar-numbers-timer { font-size: 13px; }
.statbar-battle-value { font-size: 20px; }
.statbar-battle-label { font-size: 13px; }
.statbar-battle-delta { font-size: 14px; font-weight: bold; }
.sidebar-nav-label { font-size: 14px; }
}
`)