Skip to content

Tinder DarkMode by nicoaicp

Details

Authornicoaicp

LicenseNo License

Categoryuserstyles

Created

Updated

Size5.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Darkmode for Tinder, made on 29th of May 2022

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Tinder DarkMode by Nico
@version      20220528.22.50
@namespace    userstyles.world/user/nicoaicp
@description  Darkmode for Tinder, made on 29th of May 2022
@author       nicoaicp
@license      No License
==/UserStyle== */

@-moz-document domain("tinder.com") {
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;

}
button{
    color: white;
}

#o-367409903{
    background-color: black;
}

#o-1876680485{
    background-color:black;
color: white;
}
#catalog-page{
     background-color: black;
    color: white;
}
.recsToolbar{
    background-color:black;
}
.Px\(20px\).Py\(12px\){
     background-color:black;
}
.CenterAlign.H\(100\%\).Fxd\(c\){
     background-color:black;
}
.D\(f\).Fx\(\$flx1\).Fxd\(c\).Ai\(c\).Ta\(c\).Jc\(c\){
    background-color:black;
}
h3.Fz\(\$l\).Fw\(\$semibold\) {
    color: white;
}
.Fz\(\$s\).C\(\$c-secondary\) {
    color: lightgray;
}
nav.W\(100\%\).CenterAlign.H\(--side-nav-bar-height\)--ml.H\(--nav-bar-height\).hideNav_TranslateY\(-100\%\)--s.Trsdu\(\$normal\)--s.Trsp\(\$transform\)--s.Bgc\(\#fff\).BdB--ml.Bdc\(\$c-divider\)--ml.Px\(28px\)--ml.Px\(10px\)--s.Pos\(a\)--s.T\(0\)--s.Start\(0\)--s.Wc\(\$transform\)--s.Z\(3\)--s {
    background: black;
    color: white;
}
.My\(10px\).CenterAlign {
    background: black;
}
.W\(100\%\).H\(60px\).D\(f\).Ai\(c\).Jc\(fe\).Fxd\(r\).Bgc\(\#fff\).BdB.Bdc\(\$c-divider\) {
    background: black;
    color: white;
}
.W\(100\%\).H\(36px\).D\(f\).Jc\(sb\).BdB.Bdc\(\$c-divider\).Fz\(\$2xs\).Fw\(\$bold\).Bgc\(\#fff\).Px\(16px\) {
    background-color: darkgray;
    border-color: black;
}
.Bgc\(\$c-bg\).Bgc\(\#fff\)--s.H\(100\%\)--s.CenterAlign--ml.Fxd\(c\)--ml.H\(100vh\)--ml {
    background-color: black;
}
.menu__content.Bgc\(\$c-bg\).Fz\(\$responsiveLarge\)--m.H\(100\%\).Ovs\(touch\).Ovx\(h\).Ovy\(s\).Ovsby\(n\).Pb\(50px\) {
    background-color: black;
}
.Bgc\(\#fff\).Fxg\(1\).Z\(1\).Pb\(100px\) {
    background-color: #141414;
    color: white;
}
h1.Fz\(\$xl\).Fw\(\$bold\).Fxs\(1\).Fxw\(w\).Pend\(8px\).M\(0\).D\(i\) {
    color: white;
}
span.Whs\(nw\).Fz\(\$l\) {
    color: lightgray;
}
.P\(16px\).Us\(t\).C\(\$c-secondary\).BreakWord.Whs\(pl\).Fz\(\$ms\) {
    color: white;
}
.Us\(t\).Va\(m\).D\(ib\).My\(2px\).NetWidth\(100\%\,20px\).C\(\$c-secondary\) {
    color: lightgray;
}
.D\(f\).Fx\(\$flx1\).Fxd\(c\).H\(100\%\).Z\(0\).Bgc\(\#fff\) {
    background-color: black;
}
button.Ta\(c\).Tt\(u\).Fw\(\$semibold\).Fz\(\$xs\).C\(\$c-secondary\).Py\(20px\).Cur\(p\).D\(b\).Mx\(a\).Op\(\.4\).Op\(\.8\)\:h.Trsdu\(\$fast\).focus-button-style {
    color: red;
}
.Mb\(0\).Mt\(32px\).D\(f\).Jc\(sb\).Fxb\(50\%\).W\(100\%\) {
    background-color: black;
}
.iconCombo.Pos\(r\).P\(16px\).W\(100\%\).CenterAlign.Bdrs\(4px\).Pt\(28px\).Mend\(12px\)--s.Mend\(24px\)--ml.Mstart\(5px\)--ml.Cur\(p\).Bxsh\(\$bxsh-btn\).Bgc\(\#fff\).Ta\(c\).Cur\(p\).focus-button-style {
    box-shadow: 0 0 8px 0 #8b8b8b;
    background-color: black;
    color: white;
}
.iconCombo.Pos\(r\).P\(16px\).W\(100\%\).CenterAlign.Bdrs\(4px\).Pt\(28px\).Mstart\(12px\)--s.Mstart\(24px\)--ml.Mend\(4px\).Cur\(p\).Bxsh\(\$bxsh-btn\).Bgc\(\#fff\).Ta\(c\).Cur\(p\).focus-button-style{
    box-shadow: 0 0 8px 0 #8b8b8b;
    background-color: black;
    color: white;
}
.menuItem__contents.Pos\(r\).Px\(12px\).Px\(24px\)--ml.Py\(0\).M\(0\)--ml.Mih\(50px\).settings__container_Px\(16px\).D\(f\).Jc\(c\).Fxd\(c\).W\(100\%\).Bgc\(\#fff\).Cur\(p\).BdB.Bdbc\(\$c-divider\) {
    color: white;
    background-color: black;
    border-color: black;
}
.menuItem__contents.Pos\(r\).Px\(12px\).Px\(24px\)--ml.Py\(0\).M\(0\)--ml.Mih\(50px\).settings__container_Px\(16px\).D\(f\).Jc\(c\).Fxd\(c\).W\(100\%\).Bgc\(\#fff\).Cur\(p\).focus-outline-style {
    background-color: black;
    color: white;
}
.menuItem__contents.Pos\(r\).Px\(12px\).Px\(24px\)--ml.Py\(0\).M\(0\)--ml.Mih\(50px\).settings__container_Px\(16px\).D\(f\).Jc\(c\).Fxd\(c\).W\(100\%\).Bgc\(\#fff\).Cur\(d\) {
    background-color: black;
    color: white;
}
.menuItem__contents.Pos\(r\).Px\(12px\).Px\(24px\)--ml.Py\(0\).M\(0\)--ml.Mih\(50px\).settings__container_Px\(16px\).D\(f\).Jc\(c\).Fxd\(c\).W\(100\%\).Bgc\(\#fff\).Cur\(p\) {
    background-color: black;
    color:white;
}

.Bdrs\(100px\).Bd.D\(ib\).Va\(m\).Fz\(\$xs\).Mend\(8px\).Mb\(8px\).Px\(8px\).Py\(4px\).Bdc\(\$c-secondary\).C\(\$c-secondary\) {
    color: white;
    border-color: white;
}
a.D\(if\).Ai\(c\).Ov\(h\).Expand.P\(16px\).P\(8px\)--xs.Bdrs\(8px\).Bxsh\(\$bxsh-btn\).Cur\(p\).Ta\(c\).Fxd\(c\).Jc\(c\).focus-button-style.Bgc\(\#fff\) {
    background: black;
    color: white;
    box-shadow: 0 0 8px 0 #8b8b8b;
}
span.Sq\(48px\).Bxsh\(\$bxsh-btn\).Bgc\(\#fff\).P\(8px\).Bdrs\(50\%\).CenterAlign.Mx\(a\) {
    box-shadow: 0 0 8px 0 #8b8b8b;
    background-color: black;
}

.Pos\(r\)--ml.Z\(1\).Bgc\(\#fff\).Ov\(h\).Expand.profileContent.Bdrs\(8px\)--ml.Bxsh\(\$bxsh-card\)--ml{
     box-shadow: 0 0 8px 0 #8b8b8b;
}
.Toa\(n\).Bdbw\(--recs-gamepad-height\).Bdbc\(t\).Bdbs\(s\).Bgc\(\#000\).Wc\(\$transform\).Prs\(1000px\).Bfv\(h\).Ov\(h\).W\(100\%\).StretchedBox.Bdrs\(8px\) {
    box-shadow: 0 0 8px 0 #8b8b8b;
}
.loadingScreen{
    background-color:black;
}
.D\(f\).Jc\(sb\).Us\(n\).Px\(16px\).Py\(10px\) {
    background-color: black;
}
.P\(16px\).Us\(t\).C\(\$c-secondary\).BreakWord.Whs\(pl\).Fz\(\$ms\) {
    background-color: black;
}
.Px\(16px\).Pb\(16px\) {
    background-color: black;
}
.Bgc\(\#fff\).Fxg\(1\).Z\(1\).Pb\(52px\) {
    background-color: black;
    color: white;
}
}

Reviews

No reviews yet.