139 lines
3.3 KiB
CSS
139 lines
3.3 KiB
CSS
/*! Alters the webextension uMatrix
|
|
IMPORTANT: change the Internal UUID */
|
|
|
|
@-moz-document url-prefix("moz-extension://9eba7fab-892c-7b42-a57e-b876d4196d70/") {
|
|
|
|
body[dir="ltr"] {
|
|
background-color: var(--primary-dark-color) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
#dashboard-nav-widgets {
|
|
background-color: var(--grey-80) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border-bottom: 1px solid var(--grey-50);
|
|
}
|
|
|
|
.tabButton {
|
|
background: var(--grey-60) !important;
|
|
background-color: ;
|
|
color: var(--primary-light-color) !important;
|
|
border-color: var(--grey-50) !important;
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.tabButton.selected {
|
|
border-bottom: none !important;
|
|
background-color: var(--grey-70) !important;
|
|
border-color: var(--grey-50 ) !important;
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
#deleteUnusedSessionCookiesAfter,
|
|
#clearBrowserCacheAfter,
|
|
#popupScopeLevel,
|
|
#externalHostsFiles,
|
|
#backupUserDataButton,
|
|
#restoreUserDataButton,
|
|
#resetUserDataButton {
|
|
-moz-appearance: none !important;
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
button.custom {
|
|
border-color: var(--grey-50) !important;
|
|
background-color: var(--grey-80) !important;
|
|
background-image: none !important;
|
|
color: white !important;
|
|
}
|
|
|
|
button.custom.disabled, button.custom[disabled] {
|
|
border-color: var(--grey-40) !important;
|
|
background-color: var(--grey-50) !important;
|
|
background-image: none !important;
|
|
color: var(--primary-light-color) !important;
|
|
opacity: 0.6;
|
|
pointer-events: none;
|
|
}
|
|
|
|
a {
|
|
color: var(--primary-accent-color) !important;
|
|
}
|
|
|
|
#diff li {
|
|
background-color: var(--grey-70) !important;
|
|
}
|
|
|
|
#diff li:nth-of-type(2n) {
|
|
background-color: var(--grey-80) !important;
|
|
}
|
|
|
|
#diff li:hover {
|
|
background-color: var(--primary-accent-color) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
#diff ul {
|
|
border-top: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
#diff textarea {
|
|
border-top: 1px solid var(--grey-50) !important;
|
|
background: var(--grey-60) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
/* Popup Specific */
|
|
.paneHead {
|
|
background-color: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
.paneContent {
|
|
background: var(--grey-40) !important;
|
|
}
|
|
|
|
#gotoDashboard {
|
|
background-color: var(--grey-80) !important;
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
body[dir="ltr"] #gotoDashboard > span:last-of-type {
|
|
color: var(--primary-light-color) !important;
|
|
}
|
|
|
|
body .toolbar button {
|
|
color: var(--primary--light-color) !important;
|
|
}
|
|
|
|
body .toolbar .scopeRel {
|
|
color: var(--blue-50) !important;
|
|
}
|
|
|
|
#mtxSwitch_matrix-off.switchTrue {
|
|
color: #a00 !important;;
|
|
}
|
|
|
|
button > span.badge {
|
|
color: white !important;
|
|
background-color: var(--grey-50) !important;
|
|
}
|
|
|
|
body .toolbar button {
|
|
background-color: var(--primary-dark-color) !important;
|
|
}
|
|
|
|
body .toolbar button.disabled {
|
|
color: #ccc;
|
|
color: var(--grey-60) !important;
|
|
}
|
|
|
|
body .toolbar .scope {
|
|
background-color: var(--grey-60) !important;
|
|
border: 1px solid var(--grey-50) !important;
|
|
}
|
|
|
|
|
|
}
|