Skip to content

Instantly share code, notes, and snippets.

@gabrielrbarbosa
Last active April 9, 2025 16:50
Show Gist options
  • Select an option

  • Save gabrielrbarbosa/9daf4e826e81a5cca21e6910ece29961 to your computer and use it in GitHub Desktop.

Select an option

Save gabrielrbarbosa/9daf4e826e81a5cca21e6910ece29961 to your computer and use it in GitHub Desktop.
Trello Minimalist Theme
// ==UserScript==
// @name Trello Minimalist Theme
// @namespace http://tampermonkey.net/
// @version 1.6
// @description Change Trello default theme
// @author gabrielrbarbosa
// @match https://trello.com/b/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=trello.com
// @require https://code.jquery.com/jquery-3.7.1.min.js
// ==/UserScript==
var currentURL = window.location.href;
window.addEventListener('load', function() {
setTimeout(() => {
applyTheme();
}, 100);
})
function applyTheme() {
$('.board-header, #surface > div, .js-plugin-badges, #content-wrapper .js-react-root, .icon-subscribe, .icon-description, .plugin-badge, [data-testid="badge-card-description"], [data-testid="badge-card-subscribed"]').hide('fast');
$('.board-canvas').css('margin-top', '5px');
$('.list').css('border-radius', '5px');
$('.list-cards').css('margin', '0');
$('.list-card-title').css('margin', '0 0 7px');
$('.list-card-details').css('padding', '5px 5px 3px 10px');
$('.list-header').css('padding', '10px 3px 10px 0px');
$('.list-card-cover').css('max-height', '100px');
$('.list-wrapper-with-margins').css('margin', '0 5px');
$('.badge').css('padding', '0');
$("#board").css('margin-bottom', '0');
}
setInterval(() => {
const newURL = window.location.href;
if (newURL !== currentURL) {
currentURL = newURL;
setTimeout(() => {
applyTheme();
}, 500);
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment