• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support Themes & Styles How do I change the default blue accent colour for hover buttons?

     
    • 0 Vote(s) - 0 Average

    How do I change the default blue accent colour for hover buttons?

    Contraaa_
    Offline

    Junior Member

    Posts: 1
    Threads: 1
    Joined: 2024 Nov
    Reputation: 0
    Country:United Kingdom
    #1
    2024-11-30, 02:45 PM
    [Image: 5HlwaiI.png]

    I'm trying to change all the blue accents to red, but nothing I am doing is working. Is there any way to change this all at once? Any help would be appreciated!!
    1
    Ted Hinklater
    Offline

    Member

    Posts: 149
    Threads: 8
    Joined: 2023 Nov
    Reputation: 22
    Country:United Kingdom
    #2
    2024-11-30, 08:28 PM (This post was last modified: 2024-12-05, 04:51 AM by Ted Hinklater. Edited 3 times in total.)
    (2024-11-30, 02:45 PM)Contraaa_ Wrote: [Image: 5HlwaiI.png]

    I'm trying to change all the blue accents to red, but nothing I am doing is working. Is there any way to change this all at once? Any help would be appreciated!!

    pop this in your custom CSS box (Dashboard > General > Custom CSS Code)

    @media (hover: hover) and (pointer: fine) {
        .paper-icon-button-light:hover:not(:disabled) {
            color: #f00 !important;
            background-color: rgba(199, 199, 199, 0.2);
        }
    }

    .playedIndicator {
        background: #f00;
    }

    .paper-icon-button-light:active:not(:disabled),
    .paper-icon-button-light.show-focus:focus,
    .inputLabelFocused,
    .selectLabelFocused,
    .textareaLabelFocused,
    .upNextDialog-countdownText,
    .button-flat:hover,
    .button-link,
    .emby-tab-button.show-focus:focus,
    .emby-tab-button:hover,
    .guide-date-tab-button.emby-tab-button-active,
    .guide-date-tab-button:focus,
    .buttonActive,
    .metadataSidebarIcon,
    .layout-tv .emby-button.detailFloatingButton:focus,
    #dialogToc .bookplayerButtonIcon:hover,
    #dialogToc .toc li a:active,
    #dialogToc .toc li a:hover {
    color: #f00 !important;
    }

    .alphaPickerButton-tv:focus,
    .emby-select-tv-withcolor:focus,
    .guide-channelHeaderCell:focus,
    .programCell:focus,
    .guide-date-tab-button.show-focus:focus,
    .emby-button.detailFloatingButton,
    .alphaPickerButton-tv:focus,
    .emby-select-tv-withcolor:focus,
    .emby-checkbox:checked + span + .checkboxOutline,
    .itemProgressBarForeground {
        background-color: #f00 !important;
    }

    .progressring-spiner,
    .emby-input:focus,
    .emby-textarea:focus,
    .emby-select-withcolor:focus,
    .emby-checkbox:checked + span + .checkboxOutline,
    .emby-checkbox:focus:not(:checked) + span + .checkboxOutline,
    .card:focus .cardBox.visualCardBox,
    .card:focus .cardBox:not(.visualCardBox) .cardScalable,
        border-color: #f00 !important;
    }
    keklol
    Offline

    Junior Member

    Posts: 13
    Threads: 2
    Joined: 2023 Jul
    Reputation: 1
    #3
    2024-12-05, 03:54 AM
    Did it work OP? if so would you mind paste the full CSS snippet, thank you!
    1
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode