Skip to content

StackExchange Vote Buttons by avahwhitehead

Screenshot of StackExchange Vote Buttons

Details

Authoravahwhitehead

LicenseMIT

Categorystackoverflow.com

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Revert the Stackoverflow/StackExchange vote buttons to how they were before the change to the circles.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         StackExchange Vote Buttons
@version      20231024.14.39
@namespace    userstyles.world/user/avahwhitehead
@description  Revert the Stackoverflow/StackExchange vote buttons to how they were before the change to the circles.
@author       avahwhitehead
@license      MIT
==/UserStyle== */
@-moz-document regexp(".*(stackoverflow\\.com|stackexchange.com|askubuntu.com|serverfault.com|superuser.com).*") {
	.js-vote-up-btn,
	.js-vote-down-btn,
	.js-vote-up-btn:hover,
	.js-vote-down-btn:hover {
		border: none !important;
		background-color: unset !important;
		padding: 0;
		margin: 0 !important;
	}

	.js-vote-up-btn,
	.js-vote-down-btn {
		color: #babfc5 !important;
	}

	.js-vote-up-btn:hover,
	.js-vote-down-btn:hover,
	.js-vote-up-btn.bc-theme-primary-500,
	.js-vote-up-btn.bg-theme-primary-100,
	.js-vote-down-btn.bc-theme-primary-500,
	.js-vote-down-btn.bg-theme-primary-100
	{
		color: rgb(231, 123, 35) !important;
	}

	.js-vote-up-btn > svg,
	.js-vote-down-btn > svg {
		height: auto;
		width: 3em;
		margin: 0 !important;
	}

	.js-vote-up-btn > svg {
		margin-bottom: -10px !important;
	}

	.js-vote-down-btn > svg {
		margin-top: -10px !important;
	}

	.js-vote-count {
		font-weight: initial !important;
		color: rgb(99, 107, 116) !important;
	}
}

Reviews

No reviews yet.