Hodinkee Dark Theme (Catppuccin) by saleem

/* ==UserStyle==
@name         Hodinkee Dark Theme (Catppuccin)
@version      20250104.08.32
@namespace    hodinkiedark-catppuccin-mocha
@description  A dark theme for Hodinkee using the Catppuccin Mocha color palette with Sapphire accents.
@author       saleem
@license      @license CC0-1.0
==/UserStyle== */
@-moz-document url-prefix("https://www.hodinkee.com/") {
    body,
    body * {
        background-color: #1e1e2e !important;
        color: #cdd6f4;
        text-rendering: optimizeLegibility;
    }

    .article-title,
    .headline-h2,
    .headline-h3,
    .homepage-module--hero .article .article-title,
    .homepage-module--latest .article .article-title,
    .latest-articles-list .article__title,
    .homepage-modules h2,
    .homepage-module--flex .article .article-title,
    .theme--light .popular-articles .article .article-title,
    .homepage-module--popular-brands .brands-view-all,
    .homepage-module--popular-brands .popular-brand--name,
    .homepage-module--popular-brands .popular-brand--view-all,
    .theme--light .new-author,
    .theme--light .question-and-answer-q,
    .theme--light .article-template .article-title,
    .theme--light .byline-author-name,
    header#navigation .nav-dropdown .dropdown-header,
    header#navigation .nav-dropdown .footer-header,
    header#navigation .submenu .dropdown-header,
    header#navigation .submenu .footer-header,
    .theme--light header#navigation .nav-dropdown .all-link .button-2,
    .theme--light header#navigation .submenu .all-link .button-2,
    .theme--light .comment__meta__username {
        color: #89b4fa;
    }

    .article-dek,
    .comment__body {
        color: #bac2de;
    }

    .article-blocks,
    .comment__meta--dates,
    .related-articles-sub,
    .articles-grid-item-small,
    .ShopArticleContainer .buiArticle .buiShopArticleHeader .buiShopArticleHeader__column,
    .sponsored-content-block .sponsored-item-price .old-price,
    .watch101-content-title,
    .search-no-results,
    .latest-articles-list .article__meta,
    .our-story .brand-history-timeline .brand-history-timeline-item-copy,
    .video-page-container .video-page-top .video-info .article-lede,
    .video-page-container .video-page-ad-right .small-border,
    .watch101-content-related .articles-grid-item,
    .homepage-module--hero .article--hero .article-lede,
    .related-articles-title span,
    .sponsored-content-block-title span,
    .footer-light .homepage-module--newsletter input::-webkit-input-placeholder,
    .footer-light .homepage-module--newsletter input:-ms-input-placeholder,
    .footer-light .homepage-module--newsletter input:-moz-placeholder,
    .footer-light .homepage-module--newsletter input::-moz-placeholder,
    .theme--light .related-articles-title span,
    .theme--light .sponsored-content-block-title span {
        color: #a6adc8;
    }

    .theme--light {

        .navbar-menu-items,
        .call-out-box,
        .comment-bubble,
        .poll-block,
        .comments-wrap__title,
        .comment__reply-to,
        header#navigation .site-nav .search-icon,
        header#navigation .site-nav .search-input-container,
        header#navigation .nav-dropdown-link,
        header#navigation .submenu-link,
        header#navigation #sticky-nav,
        header#navigation #mobile-menu,
        header#navigation .all-link,
        header#navigation .nav-feature-title,
        header#navigation .title,
        .mobile-search-container input,
        header#navigation .homepage-nav .search-input-container input,
        header#navigation .homepage-nav.is-sticky .search-input-container input,
        .header-moonphase .moonphase-popover,
        header#navigation .all-link,
        header#navigation .article-title,
        header#navigation .nav-feature-title,
        header#navigation .title {
            color: #cdd6f4;
        }

        .article-blocks .caption p {
            color: #bac2de;
        }

        .related-articles .article-entry-info,
        .sponsored-content-block .article-entry-info {
            color: #9399b2;
        }
    }

    .theme--light .related-articles-title span,
    .theme--light .sponsored-content-block-title span {
        color: #bac2de;
    }


    .ac,
    .btn-primary.dark-bg,
    .btn-secondary,
    .chip,
    .chip.selected.dark-bg,
    .theme--light .disclosure-box-icon,
    .theme--dark .header-moonphase .moonphase-popover .extra-info tbody tr td img,
    .theme--dark .watch-collection-lightbox .watch-image,
    .theme--dark .shoppable-product-summary-container .product-card-content:focus,
    .theme--dark .product-card:focus,
    .theme--dark .watch-collection-lightbox__header,
    .theme--dark .watch-collection-lightbox .watch .counter,
    .theme--dark .watch-collection-lightbox .watch .watch-name,
    .theme--dark .watch-collection-lightbox .watch .watch-description,
    .theme--dark .watch101-details-content-body p,
    .theme--dark .watch101-view-toggle,
    .article-card .article-title,
    .article-card .article-author,
    .article-card .article-meta,
    .article-card .article-author .by,
    .article-card .article-author .in-collaboration-with,
    .article-card .article-meta .by,
    .article-card .article-meta .in-collaboration-with,
    .article-grid-item-time,
    .HodinkeeTen label p,
    .lume-chip:active,
    .lume-search:active,
    .theme--light .poll-block button,
    .theme--light .poll-block__login-btn,
    .theme--light .SocialShareIcons--black .icon {
        color: #7f849c;
    }

    a,
    .theme--light .comments-wrap__sort__toggle {
        color: #cdd6f4;
    }
}

header#navigation .nav-dropdown .nav-feature-subtitle,
header#navigation .submenu .nav-feature-subtitle {
    color: #bac2de;
}

.text-gray-60 {
    color: #bac2de;
}

.select {
    color: #cdd6f4;
}

.ac,
.btn-primary.dark-bg,
.btn-secondary,
.chip,
.chip.selected.dark-bg,
.theme--light .disclosure-box-icon,
.theme--dark .header-moonphase .moonphase-popover .extra-info tbody tr td img,
.theme--dark .watch-collection-lightbox .watch-image,
.theme--dark .shoppable-product-summary-container .product-card-content:focus,
.theme--dark .product-card:focus,
.theme--dark .watch-collection-lightbox__header,
.theme--dark .watch-collection-lightbox .watch .counter,
.theme--dark .watch-collection-lightbox .watch .watch-name,
.theme--dark .watch-collection-lightbox .watch .watch-description,
.theme--dark .watch101-details-content-body p,
.theme--dark .watch101-view-toggle,
.article-card .article-title,
.article-card .article-author,
.article-card .article-meta,
.article-card .article-author .by,
.article-card .article-author .in-collaboration-with,
.article-card .article-meta .by,
.article-card .article-meta .in-collaboration-with,
.article-grid-item-time,
.HodinkeeTen label p,
.lume-chip:active,
.lume-search:active,
.theme--light .poll-block button,
.theme--light .poll-block__login-btn,
.theme--light .SocialShareIcons--black .icon {
    color: #cdd6f4;
}

.theme--light .headline-h2,
.theme--light .headline-h3 {
    color: #cdd6f4;
}