crooked dark theme
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
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...