Skip to content

Dark theme for boosty.to by greendev

Details

Authorgreendev

LicenseNo License

Categoryboosty.to

Created

Updated

Size176 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

crooked dark theme

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Dark theme for boosty.to (crooked dark theme)
@namespace      USO
@author         greendev
@description    `This is Dark theme for boosty.to (crooked version dark theme).`
@version        1.8
@license        No License
@preprocessor   uso
==/UserStyle== */

@-moz-document domain('boosty.to') {

body {
	background-color: #2b2a2a !important;
}
.light-theme {
	background-color: #2b2a2a !important;
	color: #f15f2c;
}

.light-theme .SubscriptionsMenu_subscription_DI2_i {
    color: #f15f2c !important;
}

h1,h2,h3,h4 {color: #f15f2c !important;}

.Cover_name_g9adZ {
    color: #f15f2c !important;

}

.Title_input_WulI8, .Title_text_S8ONw {
    color: #f15f2c !important;

}

.PostSubscriptionBlock_content_X8BfF {
    color: #f92323 !important;
    display: flex;
    flex-direction: column;
    padding: 30px;
}
.light-theme .Hint_tooltip_lzDb3 {
	background-color: #4a4a4a;
	border-color: #82371d;
	color: #f15f2c
}
.Accordion_title_stLfQ {
	background: #353535 !important;
	color: #f15f2c;
}
@media (hover: hover) {
.light-theme .TabItem_container_VSqU9 {
	fill: #464848 !important;
	color: #8e8e8e !important;
}
.light-theme .TabItem_container_VSqU9.TabItem_active_lXfvy {
	background-color: #353535 !important;
}
.light-theme .TabItem_container_VSqU9:visited {
	color: #717171 !important;
}
.light-theme .TabItem_container_VSqU9:hover {
	fill: #f15f2c;
	color: #f15f2c
}
@media (hover: hover) {
.light-theme .TabItem_container_VSqU9.TabItem_active_lXfvy:hover {
	color: #484848
}

}
@media (hover: hover) {
.TabItem_container_VSqU9:hover {
	color: #f15f2c
}

}
.Main_join_km9XY {
	background-color: #404040 !important;
}
.Tags_text_fu6b6 {
	color: #f15f2c !important;
}
.Main_calculator_JHp_M {
	background-color: #373737 !important;
}

.SuccessStoriesSlider_item_aFPhO {
	align-items: center;
	background: #535353 !important;
}
.Main_howWork_qHkOg {
	background-color: #242424 !important;
}

.Avatar_defaultAvatar_zi324 {
	background-color: #242b2c !important;
}
.Avatar_providerIconContainer_WMEg6 {
	border: 1px solid #fff;
}
.Avatar_vkIcon_MDE9q {
	color: #fff
}
.Avatar_vkContainer_EbwxT {
	background-color: #07f
}
.Avatar_googleContainer_MSwGO {
	background-color: #242b2c !important;
	border: 1px solid #eaeaea
}
.Avatar_fbIcon_kBOQA {
	color: #fff
}
.Avatar_fbContainer_TUslu {
	background-color: #4267b2
}
.Avatar_okIcon_QcU9I {
	color: #fff
}
.Avatar_okContainer__jzDz {
	background-color: #eb8c1e
}
.Avatar_mailIcon_XlNZF {
	color: #fff
}
.Avatar_mailContainer_U0xqy {
	background-color: #005ff9
}
.Avatar_youtubeIcon_Ei4A2 {
	color: #fff
}
.Avatar_youtubeContainer_N7fmT {
	background-color: red
}
.Avatar_twitchIcon_mSsG4 {
	color: #fff
}
.Avatar_twitchContainer_QRjQ9 {
	background-color: #9146ff
}
.light-theme .ContainedButton_disabled_xyhyE {
	background-color: rgba(241, 95, 44, .3)
}
@media not all and (hover: none) {
.light-theme .ContainedButton_disabled_xyhyE:hover {
	background-color: rgba(241, 95, 44, .3)
}

}
.light-theme .ContainedButton_activated_RwGzY {
	background: linear-gradient(0deg, rgba(241, 95, 44, .3), rgba(241, 95, 44, .3)),
	#353535 !important;
}
@media not all and (hover: none) {
.light-theme .ContainedButton_activated_RwGzY:hover {
	background: linear-gradient(0deg, rgba(241, 95, 44, .3), rgba(241, 95, 44, .3)),
	#2b2a2a !important;
}

}
.ContainedButton_colorDefault_fJta6 {
	background-color: #f15f2c
}
.ContainedButton_colorAzureRadiance_ZYNYd {
	background-color: #07f
}
@media not all and (hover: none) {
.ContainedButton_colorAzureRadiance_ZYNYd:hover {
	background-color: #0169df
}

}
.light-theme .OutlinedButton_button_gVLJD {
	background-color: #242b2c !important;
	border-color: #eaeaea;
	color: #979797
}
@media not all and (hover: none) {
.light-theme .OutlinedButton_button_gVLJD:hover {
	color: #f15f2c
}

}
.light-theme .OutlinedButton_disabled_eJ2hB {
	color: rgba(90, 106, 122, .5)
}
@media not all and (hover: none) {
.light-theme .OutlinedButton_disabled_eJ2hB:hover {
	color: rgba(90, 106, 122, .5)
}

}
.light-theme .IconButton_disabled_vnrq7 {
	background-color: rgba(241, 95, 44, .3)
}
@media not all and (hover: none) {
.light-theme .IconButton_disabled_vnrq7:hover {
	background-color: rgba(241, 95, 44, .3)
}

}
.light-theme .IconButton_activated_uil1M {
	background: linear-gradient(0deg, rgba(241, 95, 44, .3), rgba(241, 95, 44, .3)),
	#fff
}
@media not all and (hover: none) {
.light-theme .IconButton_activated_uil1M:hover {
	background: linear-gradient(0deg, rgba(241, 95, 44, .3), rgba(241, 95, 44, .3)),
	#fff
}

}
.light-theme .Board_container_ArScH {
	border: 1px solid #eaeaea
}
.light-theme .Board_title_hEZvy {
	color: #242b2c
}
.light-theme .Board_containerBordered_VvGaG .Board_footer_zT7Yz {
	border-top: 1px solid #eaeaea
}
.light-theme .Card_block_ezGsl {
	background-color: #383636 !important;
	border: 1px solid #eaeaea;
	margin-bottom: 20px
}
.light-theme .Card_title_JIPZ2 {
	border-bottom: 1px solid #c1c1c1
}
.Card_title_JIPZ2 {
	border-bottom: 1px solid #c8c8c8;
	font-weight: 600;
	height: 50px;
	line-height: 50px;
	/* margin: -15px -15px 15px; */
	padding: 0 15px;
	text-transform: uppercase
}
.CirclesAnimation_animatedRing_SEnmL {
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: CirclesAnimation_ring___8wx;
	background-color: transparent;
	border: 3px solid #f15f2c;
	border-radius: 50%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}
.DatePicker_arrowContainer_SmJPA {
	align-items: center;
	border: 1px solid #eaeaea;
	border-radius: 50%;
	display: flex;
	height: 30px;
	justify-content: center;
	width: 30px
}
.DatePicker_container_cRmbB .react-calendar {
	background: #fff;
	border-radius: 8px;
	line-height: 16px;
	width: 100%
}
.DatePicker_container_cRmbB .react-calendar__navigation {
	border-bottom: 1px solid #eaeaea;
	height: 54px;
	margin-bottom: 15px;
	padding-right: 18px
}
.DatePicker_container_cRmbB .react-calendar__navigation__label {
	color: #242b2c;
	line-height: 54px;
	padding: 0 0 0 18px;
	text-align: left
}
.DatePicker_container_cRmbB .react-calendar__navigation__next-button:disabled .DatePicker_arrowIcon_AQQGR,
.DatePicker_container_cRmbB .react-calendar__navigation__prev-button:disabled .DatePicker_arrowIcon_AQQGR {
	fill: #eaeaea
}
.DatePicker_container_cRmbB .react-calendar__month-view__weekdays {
	color: #9d9d9d;
	font-weight: 600;
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase
}
.DatePicker_container_cRmbB .react-calendar__month-view__days__day--neighboringMonth {
	color: #9d9d9d
}
.DatePicker_container_cRmbB .react-calendar__tile:enabled:focus,
.DatePicker_container_cRmbB .react-calendar__tile:enabled:hover {
	background-color: #f15f2c;
	color: #fff
}
.DatePicker_container_cRmbB .react-calendar__tile--hasActive {
	background: #f15f2c;
	color: #777
}
.DatePicker_container_cRmbB .react-calendar__tile--hasActive:enabled:focus,
.DatePicker_container_cRmbB .react-calendar__tile--hasActive:enabled:hover {
	background: rgba(241, 95, 44, .8)
}
.DatePicker_container_cRmbB .react-calendar__tile--active {
	background: rgba(241, 95, 44, .2);
	color: #242b2c
}
.DatePicker_container_cRmbB .react-calendar__tile--active:enabled:focus,
.DatePicker_container_cRmbB .react-calendar__tile--active:enabled:hover {
	color: #535353
}
.light-theme .FileButton_label_wRR_W {
	background: #575757;
	border: 1px solid #626262
}
.FileButton_label_wRR_W.FileButton_error_Gu8wj {
	border-color: #cb1a1a
}
.FileDescription_container__GxKK {
	color: #5a6a7a;
	font-size: 13px
}
.FormCard_container_w_Zgu {
	grid-row-gap: 20px;
	background-color: #242b2c !important;
	border-radius: 8px;
	display: grid;
	grid-template-columns: 1fr;
	padding: 20px
}
.Hint_container_L2OYW.Hint_light_I04cP {
	background-color: #242b2c;
	border-color: #242b2c
}
.Hint_container_L2OYW.Hint_dark_Rg75Q {
	background-color: #242b2c !important;
	border-color: #eaeaea
}
.light-theme .Hint_container_L2OYW {
	background-color: #c5c5c6;
	border-color: #ccc;
	color: #3e3e3e
}
.light-theme .TooltipPortal_content_Vmttd {
	background-color: #dbdbdb !important;
	border-color: #4d4d4d;
	color: #ccc
}
.light-theme .Tooltip_content_ibUr0 {
	background-color: #dbdbdb !important;
	border-color: #2b2a2a;
	color: #ececec
}
.HintWithIcon_icon_qq9bs {
	stroke: #7c7c7c;
	border-bottom: 10px solid transparent;
	box-sizing: content-box;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	line-height: 13px;
	margin-bottom: -10px;
	margin-left: 5px;
	position: relative;
	transition: stroke .3s;
	vertical-align: middle;
	width: 20px
}
.HintWithIcon_icon_qq9bs:hover {
	stroke: #f15f2c
}
.light-theme .InputField_inputField_vzhmi {
	border: 1px solid #eaeaea;
	color: #242b2c
}
.light-theme .InputField_inputField_vzhmi::placeholder {
	color: rgba(36, 43, 44, .5)
}
.light-theme .InputField_inputField_vzhmi:not(.InputField_invalid_Og_tf):hover {
	border-color: #ccc
}
.light-theme .InputField_inputField_vzhmi:not(.InputField_invalid_Og_tf):focus {
	border-color: #f15f2c
}
.light-theme .InputField_inputField_vzhmi[disabled] {
	background-color: #f8f7f7;
	border-color: #eaeaea
}
.light-theme .InputField_inputField_vzhmi[disabled]:hover {
	border-color: #eaeaea
}
.light-theme .InputField_invalid_Og_tf {
	border-color: #cb1a1a
}
.light-theme .Label_label_jOBgY {
	color: #ddd
}
.light-theme .Input_staticText_b7u8D {
	color: #b0b0b0
}
.light-theme .Input_error_n7k0B {
	color: #cb1a1a
}
.Input_descriptionTopCaption_JGfYd {
	color: #7c7c7c;
	font-size: 13px;
	margin-bottom: 5px
}
.Input_descriptionBottomCaption_Nh7D_ {
	color: #7c7c7c;
	font-size: 13px...

Reviews

No reviews yet.