Skip to content

Unroundify Last.fm [WIP] by miiarcus

Screenshot of Unroundify Last.fm [WIP]

Details

Authormiiarcus

LicenseNo License

Categoryhttps://www.last.fm/

Created

Updated

Code size13 kB

Code checksum671c0014

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Sharpens some* rounded corners, and replaces most** circles with squares.

Far from finished.

Notes

  • Some elements, such as the compatibility meter, or the play bar, cannot be unrounded. They may be unrounded at some point in the future.

** Similar to the first asterisk, some circles may not be 'squarified' yet. The style is far from finished, so it may take time for circles to be squarified.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Unroundify Last.fm [WIP]
@version      20250124.15.39
@namespace    https://userstyles.world/user/miiarcus
@description  Sharpens some* rounded corners, and replaces most** circles with squares.Far from finished.
@author       miiarcus
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://www.last.fm/") {
    /* This style is still a work in progress! All edits are not final.

If you want just the profile pictures unrounded, you may remove the code in the "Other elements" section.

If you don't want the QoL (Quality of Life) improvements to the site, feel free to do so below the "Other elements" section.

Note that Highcharts, images, and other elements may not be unrounded here.

I'll probably organise the code later on.

- miiarcus */
    /* What's New?

17/04/25 - New UI update? No problem. Also squared some more elements and added QoL improvements to the site. */
    
    /* Profile Pictures */
    .avatar:after,
    .avatar-shape,
    .avatar img {
        border-radius: 0%;
    }

    .avatar::after {
        border-radius: 0%;
    }

    .auth-avatar-desktop {
        border-radius: 0%;
    }

    .avatar-status-dot {
        border-radius: 0%;
        left: 0px;
        top: 0px;
    }

    [data-toggle-button-current-state=followed] .user-list-follower-btn {
        border-radius: 0%;
        left: 38px;
        top: 44px;
    }

    [data-toggle-button-current-state="unfollowed"] .header-follower-btn::before {
        border-radius: 0%;
    }

    [data-toggle-button-current-state="unfollowed"] .user-list-follower-btn {
        border-radius: 0%;
        left: 38px;
        top: 44px;
    }

    .tasteometer-avatar {
        display: none;
    }
    .auth-avatar-mobile img {
        border-radius: 0%;
    }

    
    .site-auth.v2 .auth-dropdown-profile .auth-avatar-desktop {
        border-radius: 0%;
    }
    
    /* Everything else */
    .playlisting-playlist-header-more-button {
        border-radius: 0%;
    }

    .inplace-field--facade {
        border-radius: 0%;
    }

    .playlisting-playlists-tooltip--edit-icon {
        border-radius: 0%;
    }

    .js .auth-dropdown-menu {
        border-radius: 0% !important;
    }

    .label {
        border-radius: 0%;
    }

    .recs-feed .context::after {
        border-radius: 0%;
    }
    .btn-primary,
    .btn-secondary,
    .clipboard-button,
    .report-share-modal--btn,
    .user-dashboard-layout--version-3 .btn-back-to-top,
    .btn-add,
    .btn-add::before,
    .user-dashboard-layout--version-4 .btn-back-to-top {
        border-radius: 0%;
    }

    .subscribe-button {
        border-radius: 0%;
    }

    .report-headline--playback {
        border-radius: 0%;
    }

    .btn-tag-invert {
        border-radius: 0%;
    }

    [data-toggle-button-current-state=followed] .header-follower-btn:before {
        border-radius: 0%;
    }

    .events-list-sidebar .users-you-know-user-image--you,
    .events-list .users-you-know-user-image--you {
        border-radius: 0%;
    }

    .grid-items-item-playlink .image-overlay-playlink-link::before {
        border-radius: 0%;
    }

    .stationlink::before {
        border-radius: 0%;
    }

    .header-new-playlink {
        border-radius: 0%;
    }

    .header-new-bookmark-button,
    .header-new-download-button,
    .header-new-love-button,
    .header-new-more-button {
        border-radius: 0%;
    }

    .personal-stats-listeners-more {
        border-radius: 0%;
    }

    .catalogue-tags .tag a,
    .catalogue-tags .tags-add,
    .catalogue-tags .tags-add-cta {
        border-radius: 0%;
    }

    .btn-shortcut {
        border-radius: 0%;
    }

    .header-new-on-tour {
        border-radius: 0%;
    }

    .stationlink-list .stationlink::before {
        border-radius: 0%;
    }

    .user-dashboard-layout--version-1 .listening-report-top .secondary-nav .secondary-nav-item-link--active::after,
    .user-dashboard-layout--version-1 .listening-report-top .secondary-nav a.secondary-nav-item-link:focus::after,
    .user-dashboard-layout--version-1 .listening-report-top .secondary-nav a.secondary-nav-item-link:hover::after,
    .user-dashboard-layout--version-2 .listening-report-top .secondary-nav .secondary-nav-item-link--active::after,
    .user-dashboard-layout--version-2 .listening-report-top .secondary-nav a.secondary-nav-item-link:focus::after,
    .user-dashboard-layout--version-2 .listening-report-top .secondary-nav a.secondary-nav-item-link:hover::after,
    .user-dashboard-layout--version-3 .listening-report-top .secondary-nav .secondary-nav-item-link--active::after,
    .user-dashboard-layout--version-3 .listening-report-top .secondary-nav a.secondary-nav-item-link:focus::after,
    .user-dashboard-layout--version-3 .listening-report-top .secondary-nav a.secondary-nav-item-link:hover::after,
    .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-0,
    .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-1,
    .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-2,
    .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-3,
    .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-4,
    .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-5,
    .user-dashboard-layout--version-3 .user-dashboard-listening-clock .user-dashboard-legend-item::before {
        border-radius: 0%;
    }
    
    .listening-fingerprint--chart .legend .circle, .user-dashboard-layout--version-4 .user-dashboard-listening-clock .user-dashboard-legend-item::before {
        border-radius: 0%;
    }
    
    .site-auth.v2 .auth-dropdown-menu-footer .auth-logout-cta {
        border-radius: 0%;
    }
    .tab-container {
        border-radius: 0%;
    }

    .tab-container .selector {
        border-radius: 0%;
    }

    .attendance-btn--turn-off.attendance-btn--attending {
        border-radius: 0%;
    }

    .attendance-btn {
        border-radius: 0%;
    }

    .attendance-btn--turn-off.attendance-btn--maybe {
        border-radius: 0%;
    }

    .attendee-you-know-going,
    .attendee-you-know-interested {
        border-radius: 0%;
        right: 0px;
        bottom: 0px;
    }

    .share-option > a {
        border-radius: 0%;
    }

    .badge-container .report-badge {
        border-radius: 0%;
    }

    .report-headline-share {
        border-radius: 0%;
    }

    .obsession-hero-container .image-overlay-playlink-link::before {
        border-radius: 0%;
    }

    .user-dashboard-layout--version-3 .tag-label {
        border-radius: 0%;
    }

    .listening-report-brick-image.listening-report-brick-image--rounded img {
        border-radius: 0%;
    }

    .btn-back-to-top {
        border-radius: 0%;
    }

    .report-dropdown-button {
        border-radius: 0%;
    }

    .did-you-know-image-container {
        border-radius: 0px;
    }

    .img-circle {
        border-radius: 0%;
    }

    .img-thumbnail {
        border-radius: 0%;
    }

    .featured-item-art .image-overlay-playlink-link::before {
        border-radius: 0%;
    }

    .recs-feed .recs-feed-playlink::before {
        border-radius: 0%;
    }

    .content-form .form-control,
    .content-form input[type="date"],
    .content-form input[type="email"],
    .content-form input[type="number"],
    .content-form input[type="password"],
    .content-form input[type="text"],
    .content-form input[type="url"],
    .content-form select,
    .content-form textarea {
        border-radius: 0%;
    }

    .api-session-connect,
    .api-session-disconnect {
        border-radius: 0%;
    }

    .lfm-form-radio input[type="radio"] + label::before {
        border-radius: 0%;
    }

    .auth-avatar-notification-count-badge,
    .auth-dropdown-menu .notification-count-badge {
        border-radius: 0%;
    }

    .chartlist-play-button:focus::before,
    .chartlist-play-button:hover::before {
        border-radius: 0%;
    }

    .chartlist-play-button::before {
        border-radius: 0%;
    }

    .grid-items-item .lazy-buylinks-toggle {
        border-radius: 0%;
    }

    .dropdown-menu-clickable {
        border-radius: 0%;
    }

    .obsession-history-play-all::before,
    .obsession-history-item-playlink:before {
        border-radius: 0%;
    }

    .obsession-history-item .obsession-first,
    .obsession-details .obsession-first,
    .fellow-obsessors .obsession-first {
        border-radius: 0%;
    }

    .no-data-message-button {
        border-radius: 0%;
    }

    .events-list-anhv1 .attendance-badge {
        border-radius: 0%;
    }

    .similar-albums-item-playlink::before,
    .similar-albums-item .lazy-buylinks-toggle,
    .artist-top-albums-item-playlink::before,
    .artist-top-albums-item .lazy-buylinks-toggle {
        border-radius: 0%;
    }

    .section-playlink::before {
        border-radius: 0%;
    }

    .artist-header-featured-items-item-video .image-overlay-playlink-link::before,
    .artist-header-featured-items-item-playlink::before {
        border-radius: 0%;
    }

    .trending-tracks-item-playlink:before {
        border-radius: 0%;
    }

    .scrobble-stats-info-tooltip {
        border-radius: 0%;
    }

    .resource-list--sidebar-item-playlink::before,
    .globalchart .globalchart-playlink .image-overlay-playlink-link::before,
    .resource-list--release-list-item-playlink::before {
        border-radius: 0%;
    }

    .chartlist-download-button,
    .chartlist-download-button::before {
        border-radius: 0%;
    }
    
    .music-bookmarks-artists-item-toggle, .music-bookmarks-albums-item-toggle, .music-bookmarks-albums-item-playlink::before, .music-bookmarks-tags-item-toggle, .anhv1 .resource-list--release-list-item-playlink::before, .anhv1 .resource-list--release-list-item .lazy-buylinks-toggle {
        border-radius: 0%;
    }
    
    .playlisting-playlists-...

Reviews

No reviews yet.