Skip to content

DarculaTransmissionWeb by like_some_other

Screenshot of DarculaTransmissionWeb
Write a review Install Get Stylus

Details

Authorlike_some_other

LicenseCC BY

Categorytest.userstyles.world -> userstyles

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Darcula-like Transmission Web Style

Notes

This userstyle is technically based on the "OldWood" style by @MrQuinn - in fact, I've used it as a template, almost all settings were changed, but still, there might be some configuration from the original style.
Icons were got from https://iconoir.com/ - there's a possibility that at some time they won't be available.
I'm using this style with Transmission installed on the router. You might need to specify the URL of the page by managing the style in the Stylus using "URL Starting With" option.
The style was tested in Firefox only with Transmission 3.0.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         DarculaTransmissionWeb
@version      20240119.21.10
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("http://192.168.1.1:9091/transmission/web/") {
/* ==UserStyle==
@name           DarculaTransmissionWeb
@namespace      like.some.other
@version        1.0.0
@description    Darcula-like Transmission Web Style
==/UserStyle== */
html,
body {
    background-color: #312f2f;
}
.even {
    /* light row */
    background-color: #353535 !important;
}
a {
    color: #aaf
}
div[id="toolbar"],
div[id="statusbar"],
div[class="torrent_footer"] {
    background-image: -moz-linear-gradient(bottom, #3e3d3d, #555353) !important;
    background-color: #444141;
}
div[id="toolbar-open"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNNCAxMlYyLjZDNCAyLjI2ODYzIDQuMjY4NjMgMiA0LjYgMkgxNi4yNTE1QzE2LjQxMDYgMiAxNi41NjMyIDIuMDYzMjEgMTYuNjc1NyAyLjE3NTc0TDE5LjgyNDMgNS4zMjQyNkMxOS45MzY4IDUuNDM2NzkgMjAgNS41ODk0IDIwIDUuNzQ4NTNWMjEuNEMyMCAyMS43MzE0IDE5LjczMTQgMjIgMTkuNCAyMkgxMSIgc3Ryb2tlPSIjYzBiZmJjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNiAyVjUuNEMxNiA1LjczMTM3IDE2LjI2ODYgNiAxNi42IDZIMjAiIHN0cm9rZT0iI2MwYmZiYyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48cGF0aCBkPSJNMS45OTIxOSAxOUg0Ljk5MjE5TTcuOTkyMTkgMTlINC45OTIxOU00Ljk5MjE5IDE5VjE2TTQuOTkyMTkgMTlWMjIiIHN0cm9rZT0iI2MwYmZiYyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=") !important;
}
div[id="toolbar-remove"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNOCAxMkgxNiIgc3Ryb2tlPSIjYzBiZmJjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMiAyMkMxNy41MjI4IDIyIDIyIDE3LjUyMjggMjIgMTJDMjIgNi40NzcxNSAxNy41MjI4IDIgMTIgMkM2LjQ3NzE1IDIgMiA2LjQ3NzE1IDIgMTJDMiAxNy41MjI4IDYuNDc3MTUgMjIgMTIgMjJaIiBzdHJva2U9IiNjMGJmYmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PC9zdmc+") !important;
}
div[id="toolbar-start"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNNSAxM0w5IDE3TDE5IDciIHN0cm9rZT0iI2MwYmZiYyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=") !important;
}
div[id="toolbar-pause"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNNiAxOC40VjUuNkM2IDUuMjY4NjMgNi4yNjg2MyA1IDYuNiA1SDkuNEM5LjczMTM3IDUgMTAgNS4yNjg2MyAxMCA1LjZWMTguNEMxMCAxOC43MzE0IDkuNzMxMzcgMTkgOS40IDE5SDYuNkM2LjI2ODYzIDE5IDYgMTguNzMxNCA2IDE4LjRaIiBzdHJva2U9IiNjMGJmYmMiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNCAxOC40VjUuNkMxNCA1LjI2ODYzIDE0LjI2ODYgNSAxNC42IDVIMTcuNEMxNy43MzE0IDUgMTggNS4yNjg2MyAxOCA1LjZWMTguNEMxOCAxOC43MzE0IDE3LjczMTQgMTkgMTcuNCAxOUgxNC42QzE0LjI2ODYgMTkgMTQgMTguNzMxNCAxNCAxOC40WiIgc3Ryb2tlPSIjYzBiZmJjIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD48L3N2Zz4=") !important;
}
div[id="toolbar-start-all"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNMS41IDEyLjVMNS41NzU3NCAxNi41NzU3QzUuODEwMDUgMTYuODEwMSA2LjE4OTk1IDE2LjgxMDEgNi40MjQyNiAxNi41NzU3TDkgMTQiIHN0cm9rZT0iI2MwYmZiYyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD48cGF0aCBkPSJNMTYgN0wxMiAxMSIgc3Ryb2tlPSIjYzBiZmJjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik03IDEyTDExLjU3NTcgMTYuNTc1N0MxMS44MTAxIDE2LjgxMDEgMTIuMTg5OSAxNi44MTAxIDEyLjQyNDMgMTYuNTc1N0wyMiA3IiBzdHJva2U9IiNjMGJmYmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+PC9zdmc+") !important;
}
div[id="toolbar-pause-all"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMi41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY29sb3I9IiNjMGJmYmMiPjxwYXRoIGQ9Ik02IDE4LjRWNS42QzYgNS4yNjg2MyA2LjI2ODYzIDUgNi42IDVIOS40QzkuNzMxMzcgNSAxMCA1LjI2ODYzIDEwIDUuNlYxOC40QzEwIDE4LjczMTQgOS43MzEzNyAxOSA5LjQgMTlINi42QzYuMjY4NjMgMTkgNiAxOC43MzE0IDYgMTguNFoiIHN0cm9rZT0iI2MwYmZiYyIgc3Ryb2tlLXdpZHRoPSIyLjUiPjwvcGF0aD48cGF0aCBkPSJNMTQgMTguNFY1LjZDMTQgNS4yNjg2MyAxNC4yNjg2IDUgMTQuNiA1SDE3LjRDMTcuNzMxNCA1IDE4IDUuMjY4NjMgMTggNS42VjE4LjRDMTggMTguNzMxNCAxNy43MzE0IDE5IDE3LjQgMTlIMTQuNkMxNC4yNjg2IDE5IDE0IDE4LjczMTQgMTQgMTguNFoiIHN0cm9rZT0iI2MwYmZiYyIgc3Ryb2tlLXdpZHRoPSIyLjUiPjwvcGF0aD48L3N2Zz4=") !important;
}
div[id="toolbar-inspector"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNMTIgMTEuNVYxNi41IiBzdHJva2U9IiNjMGJmYmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTEyIDcuNTFMMTIuMDEgNy40OTg4OSIgc3Ryb2tlPSIjYzBiZmJjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMiAyMkMxNy41MjI4IDIyIDIyIDE3LjUyMjggMjIgMTJDMjIgNi40NzcxNSAxNy41MjI4IDIgMTIgMkM2LjQ3NzE1IDIgMiA2LjQ3NzE1IDIgMTJDMiAxNy41MjI4IDYuNDc3MTUgMjIgMTIgMjJaIiBzdHJva2U9IiNjMGJmYmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PC9zdmc+") !important;
}
#speed-dn-icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNNiAxM0wxMiAxOUwxOCAxMyIgc3Ryb2tlPSIjYzBiZmJjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik02IDVMMTIgMTFMMTggNSIgc3Ryb2tlPSIjYzBiZmJjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==") !important;
    background-size: 75% !important;
    width: 16px !important;
    height: auto !important;
}
#speed-up-icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjYzBiZmJjIj48cGF0aCBkPSJNNiAxMUwxMiA1TDE4IDExIiBzdHJva2U9IiNjMGJmYmMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+PHBhdGggZD0iTTYgMTlMMTIgMTNMMTggMTkiIHN0cm9rZT0iI2MwYmZiYyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=") !important;
    background-size: 75% !important;
    width: 16px !important;
    height: auto !important;
}
#speed-dn-container,
#speed-up-container {
    display: inline-flex !important;
}
div[id="statusbar"] {
    color: #fff !important;
}
ul[id="torrent_context_menu"] {
    background: #666 !important;
}
ul[id="menu-item"],
li[class="ui-menu-item"],
div[class="dialog_window"]{
    color: #fff !important;
    background-color: #666 !important;
}
li[class="ui-menu-item ui-state-disabled"] {
    color: #fff !important;
}
.ui-widget-content {
    color: #fff !important;
    background: #666 !important;
    background-color: #666 !important;
}
ul[class*="ui-widget-header"] {
    color: #fff !important;
    background: #666 !important;
    background-color: #666 !important;
}
li[role="tab"] {
    color: #fff !important;
    background: #666 !important;
    background-color: #666 !important;
}
a[role="presentation"] {
    color: #fff !important;
}
div[class="normal selected"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjM2QzODQ2Ij48cGF0aCBkPSJNNiAxMkgxOCIgc3Ryb2tlPSIjM2QzODQ2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg=="), -moz-linear-gradient(top, #aaa, #aaa) !important;
}
div[class="low selected"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjM2QzODQ2Ij48cGF0aCBkPSJNNiA5TDEyIDE1TDE4IDkiIHN0cm9rZT0iIzNkMzg0NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4="), -moz-linear-gradient(top, #aaa, #aaa) !important;
}
div[class="high selected"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3...

Reviews

No reviews yet.