Mastodon | Custom Theme Color by freeplay

Imported from https://codeberg.org/Freeplay/UserStyles/raw/branch/main/Mastodon-CustomThemeColor.user.css

Mastodon | Custom Theme Color screenshot
Homepage Install Get Stylus Write a review

Details

Authorfreeplay

LicenseNo License

Created atApril 30, 2021 20:00

Updated atSeptember 06, 2021 16:43

Applies toMastodon

Statistics

Learn how we calculate statistics in the FAQ.

Total views64

Total installs41

Weekly installs5

Weekly updates1

Description

Change the default blue to any color you like!
Make sure to add your instance in the ‘Applies To’ domains!

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.000.751.502.253.003.754.505.256.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-142021-07-202021-07-272021-08-022021-08-092021-08-152021-08-222021-08-282021-09-042021-09-102021-09-16Date0.007.8015.5023.3031.0038.8046.5054.3062.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           Mastodon | Custom Theme Color
@version        1.0.0
@description    Change the default blue to any color you like!
@updateURL      https://codeberg.org/Freeplay/UserStyles/raw/branch/main/Mastodon-CustomThemeColor.user.css

 -- AUTHOR STUFF --
@namespace      Freeplay
@author         Freeplay (https://pages.codeberg.org/freeplay/)
@homepageURL    https://codeberg.org/Freeplay/UserStyles
@supportURL     https://codeberg.org/Freeplay/UserStyles/issues
@preprocessor   stylus

 -- VARIABLES --
@var color theme "Theme Color" #db6c14
@var color text "Button Text Color" white
==/UserStyle== */

@-moz-document domain("mstdn.social") {
	:root {
		--theme: theme !important;
		--text: text !important;
	}
	.button:not(.button-secondary), .block-button,
	.icon-with-badge__badge,
	.poll__chart.leading,
	.simple-navigation-active-leaf a, .btn, .react-toggle--checked .react-toggle-track, .radio-button__input.checked, .input-copy > button,
 	li.dropdown-menu__item a:hover, .privacy-dropdown__option.active, .privacy-dropdown__option:hover,
 	.video-player__volume__current, .video-player__volume__handle, .video-player__seek__buffer, .video-player__seek__progress, .video-player__seek__handle {
		background-color: var(--theme) !important;
		color: var(--text) !important;		
		border-color: var(--theme) !important;
	}
	.button:hover,
 	.active:hover,
	.simple-navigation-active-leaf a:hover, .btn:hover,
 	.status__content button > span:hover {
		filter: opacity(.9);
		transition: filter .2s;
	}
	a.active, p > a, tbody a,
	.icon-button.active, .selected,
	.status__content a, .status__content__read-more-button, .account__header__content a, .verified__mark,
	.column-header__back-button > *, .column-back-button > *, .column-header__icon, .column-back-button, .column-header__back-button,
	.notification__message .fa,
	dd a {
		color: var(--theme) !important;
		text-decoration-color: var(--theme) !important;
		border-color: var(--theme) !important;
	}
	.verified {
		background: rgba( theme, .1 ) !important;
		border-color: var(--theme) !important;
	}
	.icon-button, .button-secondary {
		border-color: var(--theme) !important;
		border-radius: 4px !important;
	}
	.trends__item__sparkline path:last-child {
		stroke: var(--theme) !important;
	}
	.trends__item__sparkline path:first-child {
		fill: rgba( theme, .1 ) !important;
	}
	
	
}

Reviews

No reviews yet.