Skip to content

starry twitter ✧・゚ by birb-naise

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/180895.user.css

Screenshot of starry twitter ✧・゚

Details

Authorbirb-naise

LicenseNO-REDISTRIBUTION

Categorytwitter

Created

Updated

Size4.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

dark, cute, customizable twitter theme ?

⚠️ theme color only works if theme color set to default blue (more > display)

? If customization options DON'T WORK, try uninstalling the style, customize it, then reinstall it again!

Notes

? The best way to ask questions is DMing me @gowonmilktea ! Userstyles.org doesn't notify me of any comments here

11-1

  • Fixed poll bars and alt text
    8-12
  • Fixed text colors in Default and Lights Out modes
    1-11
  • Fixed unthemed icons and "Show more"s
    1-6
  • Fixed thread/reply line thing (again)
    1-5
  • Theme color applied to text highlighting
  • Fixed video player scrubber and verified badge
  • Fixed profile menu and thread/reply line thing
    1-4-22
  • Sidebar footer now hidden
  • Theme color applied to more stuff
  • Colors corrected across light/dim/lights out themes
  • Buttons reverted to solid color and sidebar opacity removed for ease of updating
  • Lowercase-ify is bugged, I have no idea why
  • Twitter update fixes
    4-26
  • Fixed video position indicator
  • Fixed reply restriction pop-up
    2-27-21
  • Re-added borders to some buttons and active textboxes
  • Twitter update fixes
    4-21
  • Twitter update fixes
    4-18
  • Added options to change bg opacities for tweets and sidebar
  • Quote retweets have bg now
  • Display fixes
    4-8
  • Added option to disable lowercasing
  • Fixed scroll length
  • Fixed compose tweet bg
    3-22
  • Heart icon + counter now theme colored
  • Fixed image preview sizing
    3-17
  • Now works with all backgrounds, not just dim
  • Pop-ups now translucent
    3-7-20
  • Initial release

? background image credits: angela he (@zephybite)

Source code

/* ==UserStyle==
@name         starry twitter ✧・゚
@namespace    USO Archive
@author       birb-naise
@description  dark, cute, customizable twitter theme ?    ⚠️ theme color only works if theme color set to default blue (more > display)    ? If customization options DON'T WORK, try uninstalling the style, customize it, then reinstall it again!
@version      20231003.03.50
@license      NONE
@preprocessor uso
@advanced dropdown bg "background (⚠ URL option only works on images uploaded to twitter! ⚠)" {
    a "starry*" <<<EOT https://pbs.twimg.com/media/DljPXShXcAA_30D?format=jpg&name=4096x4096 EOT;

	bg-custom-dropdown "Custom" <<<EOT /*[[bg-custom]]*\/ EOT;
}
@advanced text bg-custom "background (⚠ URL option only works on images uploaded to twitter! ⚠) (Custom)" "https://example.com/image.png"
@advanced text bg-op "background dim (0.00 ->1.00)" "0.65"
@advanced dropdown lettercase "lowercase-ify" {
    c "Disabled*" <<<EOT unset EOT;
    b "enabled" <<<EOT lowercase EOT;

}
@advanced color theme "theme color" #5ab7a7
@advanced text tweet-op "tweets background dim" "0.00"
==/UserStyle== */
@-moz-document domain("twitter.com") {
:root {
    --theme: /*[[theme]]*/;
    --bg: url('/*[[bg]]*/');
    --bg-op: /*[[bg-op]]*/;
    --tweet-op: /*[[tweet-op]]*/;                                            
    --lettercase: /*[[lettercase]]*/;
}

html {
    background: var(--bg) fixed !important;
    background-size: cover !important;
}

/*darken bg*/
.r-150rngu > div:nth-child(1):not(.r-1d0k16c):not(.r-kemksi):not(.r-1ye8kvj):not(.r-ouzzow):not(.r-136ojw6) {
    /* - DM bg, DM bg, DM bg, DM bg pop-out DM */
	background: rgba(0,0,0,var(--bg-op)) !important;
	outline: solid rgba(0,0,0,var(--bg-op)) 9999px !important;
}

/* remove original bg */
body {
    background: transparent !important;
}
.css-1dbjc4n{
    background-color: transparent;
    border: none;
}

/* tweet bg */
.r-1ljd8xs {
    background: rgba(0,0,0,var(--tweet-op)) !important;
}

/* misc bg fixes */

.r-k200y,                                       /* dm(recipient) */
.r-1r5jyh0,                                     /* profile hover */
.r-1ljd8xs:nth-child(2),                        /* pic preview sidebar */
.r-1ipicw7,                                     /* profile switcher */
.r-h3f8nf,                                      /* search popup */
.r-1jte41z,                                     /* mini messages window */
.r-htvplk,                                      /* big pop-ups */
.r-1upvrn0,                                     /* alt text */
.r-adacv,                                       /* qrt */
.r-1q9bdsx {                                    /* reply restriction */
    background: rgba(0,0,0,.8) !important;
}

/* light mode fixes */
.r-1re7ezh, .r-18jsvk2, .r-3s2u2q .r-qvutc0 {
    color: #dedede !important;
}
.r-9ilb82, .r-14j79pv, .r-1bwzh9t {
    color: #a9a9a9
}
.r-z2wwpe:not(.r-eqz5dr) {          /* options menu */
    background: rgba(0,0,0,.8) !important;
}

/* letter case */
.r-poiln3 {
    text-transform: var(--lettercase) !important;
}

/* letter case */
.r-poiln3 {
    text-transform: var(--lettercase) !important;
}

/* theme color */
a:not(.r-9ilb82):not(.r-14j79pv):not(.r-111h2gw),
.r-1cvl2hr,                         /* show x tweets + thread */
.r-1pp923h > div:nth-child(1),      /* sidebar show more */
.r-19wmn03,                         /* icons */
.r-9cviqr{                          /* verified */
    color: var(--theme) !important;
}
::selection,                        /* text highlight */
.r-19u6a5r .r-15ysp7h,              /* sidebar follow */
.r-1waj6vr,                         /* new tweet button */
.r-l5o3uw,                          /* new tweet + outgoing DM */
.r-m5arl1,                          /* reply/thread line */
.r-1bimlpy,                         /* poll bars */
.r-10u4nep,                         /* video scrubber */
.r-1xfd6ze .r-1pz39u2 {             /* video progress bar */
    background: var(--theme) !important;
}

/* remove footer */
.r-1yadl64 nav.r-18u37iz  {
    display: none;
}
}

Reviews

No reviews yet.