Counterpoint. If you can’t support 3 themes then delete light. Dim is the best theme by far.
But until they fix their mistakes check out this CSS by
@izutorishima.
x.com/izutorishima/status/20…
Also this extension
soitis.dev/control-panel-for…
If you’re a user script kind of guy then here’s one I used Grok to whip up based off of Torishima‘s CSS
```
// ==UserScript==
//
@name X (Twitter) Restore Dim Theme
//
@namespace grok.x.ai
//
@version 1.0
//
@description Restores a dim dark mode appearance on
X.com (since the official dim option was removed) based off the CSS from Torishima. Thanks!
//
@author Ebsolas/Grok/izutorishima
//
@match x.com/*
//
@match twitter.com/*
//
@grant none
//
@run-at document-start
// ==/UserScript==
(function () {
'use strict';
const css = `
body, .r-kemksi, [style*="background-color: rgb(0, 0, 0);"] {
background-color: rgb(21, 32, 43) !important;
}
.r-5zmot {
background-color: rgb(21, 32, 43, 0.65) !important;
}
.r-1kqtdi0, .r-1roi411, .border-gray-100 {
border-color: rgb(56 68 77) !important;
}
.r-2sztyj {
border-top-color: rgb(56 68 77) !important;
}
.r-1igl3o0 {
border-bottom-color: rgb(56 68 77) !important;
}
[style*="color: rgb(113, 118, 123);"], .text-gray-700 {
color: rgb(139 152 165) !important;
}
.from-background {
--tw-gradient-from: none !important;
}
`;
const style = document.createElement('style');
style.type = 'text/css';
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);
})();
```
【修正版】微妙に従来の色が残ってる箇所があったので修正版です
```
body, .r-kemksi, [style*="background-color: rgb(0, 0, 0);"] {
background-color: rgb(21, 32, 43) !important;
}
.r-5zmot {
background-color: rgb(21, 32, 43, 0.65) !important;
}
.r-1kqtdi0, .r-1roi411, .border-gray-100 {
border-color: rgb(56 68 77) !important;
}
.r-2sztyj {
border-top-color: rgb(56 68 77) !important;
}
.r-1igl3o0 {
border-bottom-color: rgb(56 68 77) !important;
}
[style*="color: rgb(113, 118, 123);"], .text-gray-700 {
color: rgb(139 152 165) !important;
}
.from-background {
--tw-gradient-from: none !important;
}
```