corrections for the dark mode on manage.mysites.guru and others
manage.mysites.guru - dark mode corrections by d3n1c1d3
Details
Authord3n1c1d3
LicenseNo License
Categorymanage.mysites.guru
Created
Updated
Size3.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
change log
2024-09-30
Selction Color changed to yellow BG. For better Useability.
2024-07-11
More Mouse Hover styles for rows
Long Response Messages makes Backup Table unreadable
2024-07-09
easy workflow for sites reconnection
2024-07-02
Mouse Hover on .filerow added
2024-04-09
Info change on "Secure the Account"
opacity for Plugins on "Upgrade & Updates" with special needs
2024-02-23
Prevent tooltip from getting cropped in filtered Sites
2024-02-07
Higher contrast for file size in audits tab
version-number changed to date
new name: manage.mysites.guru - dark mode corrections
old name: manage.mysites.guru - stop dark mode bg flicker
ease readability for switch buttons
passive: red
active: green
2024-01-15
style created - no screenshot planed
stop dark mode background flicker
Source code
/* ==UserStyle==
@name manage.mysites.guru - dark mode corrections
@namespace manage.mysites.guru
@version 2024-09-30.13.40
@description corrections for the dark mode on manage.mysites.guru and others
@author d3n1c1d3
==/UserStyle== */
@-moz-document domain("mysites.guru") {
/* manageable on the whole domain */
}
@-moz-document domain("manage.mysites.guru") {
html,
body {
background-color: #111827;
}
.overflow-y-scroll {
overflow-y: auto;
}
:is(.dark .dark\:bg-slate-900):is(.dark .dark\:text-slate-300) {
color: black;
}
button[aria-checked="false"] .pointer-events-none ,
button[aria-checked="0"] .pointer-events-none {
background-color: #ff7878;
}
button[aria-checked="true"] .pointer-events-none ,
button[aria-checked="1"] .pointer-events-none {
background-color: #8f8;
}
div[id^="popover-notes"] {
}
/* rows hover marker */
div.filerow:hover ,
div.flex-row:hover ,
tr:hover td ,
tr:hover th {
background-color: #2e2e24;
}
::selection {
background-color: yellow;
color: black;
}
}
@-moz-document url-prefix("https://manage.mysites.guru/en/sites/") {
/* viewable notes if box is to small */
.overflow-x-auto {
min-height: 350px;
}
}
@-moz-document url-prefix("https://manage.mysites.guru/en/sites/manage/") {
.overflow-x-auto {
min-height: auto;
}
/* plugin name is to long
* for e.g. https://manage.mysites.guru/en/sites/manage/SiT3Ha$h#update
* Ignite Gallery Component - PLEASE ENTER YOUR SUBSCRIPTION ID FROM DOWNLOADS PAGE TO GALLERY OPTIONS.
*/
#resultsPlaceholder > div.overflow-x-auto > table.w-full > tbody > tr.availableUpdateRow > th.row {
overflow: auto;
max-width: 100px;
}
/* after extension update done - keep all buttons in place - no jiggling around */
#resultsPlaceholder > div.overflow-x-auto > table.w-full > tbody > tr.availableUpdateRow > td.px-6.py-4.text-center span.text-green-500 {
min-height: 37px;
display: block;
}
}
@-moz-document url-prefix("https://manage.mysites.guru/en/updates") {
div[data-azsort*="Advanced Custom Fields Pro"] ,
div[data-azsort*="Site Kit by Google"] ,
div[data-azsort*="ZOO "]
{
opacity: 50%;
}
}
@-moz-document url-prefix("https://manage.mysites.guru/en/secure_your_account") {
a[href="/en/2fa/settings"] {
display: none;
}
a[href="/en/decline2fa"] {
font-size: 2em;
color: green;
}
a[href="/en/decline2fa"]:before {
content: '👉 ';
}
a[href="/en/decline2fa"]:after {
content: ' 👈';
}
}
@-moz-document url-prefix("https://manage.mysites.guru/en/sites/reconnect/") {
/* for an easy reconnection workflow for ready sites */
#launchPing ,
.checkconnection ,
#step2 {
position: fixed;
top: calc(50vh - 100px);
margin: auto;
left: calc(50vw - 162px);
}
#step2 {
top: calc(50vh - 140px);
left: calc(50vw - 255px);
}
.checkconnection {
width: 400px;
left: calc(50vw - 200px);
}
}
@-moz-document regexp(".*/plugins/system/bfnetwork/bfnetwork/bfPing.php"), regexp(".*/wp-content/plugins/mywpguru/bfnetwork/bfPing.php") {
/* bfping ready page for dark mode */
body {
background: black;
color: white;
color: lightgreen;
font-weight: bold;
font-family: monospace;
font-size: 100px;
margin: auto;
vertical-align: middle;
text-align: center;
margin-top: calc(50vh - 100px);
}
}
@-moz-document url-prefix("https://manage.mysites.guru/en/backups/") {
/* Backup error Messages extended width - unscrollable table */
tr > th[colspan="4"] {
overflow: auto;
max-width: 0;
}
}