Stylus themes // phind

dracula.user.css

/* ==UserStyle==
@name           phind Dracula
@namespace      tizu
@version        0.1.0
@author         Tizu69
@description    A Dracula theme for phind.
@preprocessor   stylus
==/UserStyle== */
@-moz-document domain("phind.com") {
	body::before {
		display: none!important;
	}

	:root {
		--pt-darkmode-semi-light-fg: #f8f8f2;
		--pt-text-danger-fg: #ff5555;
	}

	[data-theme=light] {
		& body::before {
			content: "phindTweaks themes are based on dark mode. Use the dark mode button to enable theme. Please note that you won't be able to switch back to light mode unless the theme gets disabled.";
			display: block!important;
			background: var(--pt-text-danger-fg);
			padding: 8px;
			width: 100%;
			height: 100%;
		}

		& #__next > div.input-group.d-flex.flex-row-reverse > :not(:nth-child(3)) {
			display: none;
		}
	}

	[data-theme=dark] {
		& #__next > div.input-group.d-flex.flex-row-reverse > button:nth-child(3) {
			display: none;
		}

		& body {
			background-color: #282a36;
			color: #f8f8f2;
			min-height: 100vh
		}

		& .border-multicolor,
		& .navbar:before {
			-o-border-image: linear-gradient(90deg, #8be9fd, #8be9fd 20%, #ff5555 0, #ff5555 40%, #ffb86c 0, #ffb86c 60%, #bd93f9 0, #bd93f9 80%, #50fa7b 0) 1;
			border-image: linear-gradient(90deg, #8be9fd, #8be9fd 20%, #ff5555 0, #ff5555 40%, #ffb86c 0, #ffb86c 60%, #bd93f9 0, #bd93f9 80%, #50fa7b 0) 1;
			border-width: 0;
			border-top: 4px solid;
		}

		& .btn-white {
			background-color: #44475a!important;
			color: #f8f8f2!important;
		}

		& .bg-light {
			background-color: #44475a!important;
			color: #f8f8f2!important;
		}

		& .bg-white {
			background-color: #282a36!important;
			color: #f8f8f2!important;
		}

		& .btn-primary {
			background-color: #bd93f9!important;
			color: #282a36!important;
		}

		& .darkmode-light {
			background-color: #44475a!important;
			color: #f8f8f2!important;
		}

		& .darkmode-semi-light {
			background-color: #282a36!important;
			color: #f8f8f2!important;
		}

		& .border-history-panel {
			border-color: #44475a!important;
		}

		& .btn-light {
			background-color: #44475a!important;
			color: #f8f8f2!important;
		}

		& .footer {
			background-color: #282a36!important;
		}

		& .text-gray-600 {
			color: #6272a4!important;
		}

		& .page-item.active .page-link {
			background-color: #ff79c6;
			border-color: #ff79c6;
			color: #f8f8f2;
			z-index: 3;
		}

		& .form-check-input:checked {
			background-color: #ff79c6;
			border-color: #ff79c6;
		}

		& .form-check-input {
			background-color: #44475a;
		}

		& .dropdown-menu {
			background-color: #44475a;
			box-shadow: 0 0;
			color: #f8f8f2;
		}

		& .dropdown-item,
		.dropdown-link {
			color: #f8f8f2;
		}

		& a {
			color: #8be9fd;
		}

		& .text-success {
			color: #50fa7b!important;
		}

		& .text-danger {
			color: #ff5555!important;
		}

		.bg-warning {
			background-color: #ffb86c!important;
		}

		& .text-underline-warning {
			background-image: linear-gradient(90deg, rgba(255, 184, 108, .4), rgba(255, 184, 108, .4));
		}
	}
}