dlsite darktheme

gistfile1.txt

:root {
    --base-background-color: #242424;  /* Dark Gray */
    --content-box-color: #323232;      /* Slightly lighter Gray */
    --work-name-color: #E8E8E8;        /* Light Gray for better contrast */
    --maker-name-color: #A9A9A9;       /* Medium Gray */
    --svg-color: #888888;              /* Gray */
    --main-bg: #252525;                /* Dark Gray */
    --content-header-bg: #202020;      /* Very Dark Gray */
    --content-box-bg: #404040;         /* Medium Dark Gray */
    --main-text-color: #FFFFFF;        /* White for better contrast */
}

body {
    background-color: var(--main-bg);
    color: var(--main-text-color);
    font-size: 16px;
}

.btn_2col a {
    color: black;
}

/* Enhanced link visibility */
a, .header_dropdown_nav_Link, .login_information_item a:link, .login_information_item a:visited, .floorTab a, .type_mypage .list_content_text_item a, .type_circle .list_content_text_item a, .type_search .list_content_text_item a, .type_purpose .list_content_text_item a, .type_favorite .list_content_text_item a {
    color: #4DD0E1;
    text-decoration: underline;
}

/* Hover and focus states for interactive elements */
a:hover, a:focus, .header_dropdown_nav_Link:hover, .header_dropdown_nav_Link:focus {
    color: #3778ec;
    text-decoration: none; 
}

/* Styles for content headers */
.content-header {
    background-color: var(--content-header-bg);
}

/* Styles for content boxes */
.content-box {
    background-color: var(--content-box-bg);
}

/* More specific and additional styles... */

/* Consistent navigation styling */
.headerNav-item>a, .floorNavLink-item>a {
    color: #B3E5FC;
}

/* High contrast for important elements like headings */
h1, h2, h3, .work_subheading, div.title_01 h2, div.title_01 h3 {
    color: #3778ec;
    background: none;
}

/* Special styling for buttons */
button, .work_cart a.btn_cart, #work_buy_btn .work_favorite a, #work_buy_btn .work_man a {
    color: #FFFFFF;
    background-color: #607D8B;
    border: none;
    padding: 10px;
    border-radius: 4px;
}

/* Enhancing visibility for tables and lists */
.work_device_table_wrap, div#work_buy_box_wrapper, div.work_buy_main {
    border: 1px solid #BDBDBD;
    background: #424242;
}

div.work_buy_main {
    border: 1px solid #b7bed0;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    margin: 5px;
    padding-bottom: 10px;
    background: #393939;
    color: #FFFFFF;
}

#work_buy_btn .work_cart a.btn_cart,
#work_buy_btn .work_favorite a, 
#work_buy_btn .work_man a {
    color: #E0E0E0; /* 明るい灰色の文字色 */
}

.work_buy_container .work_buy_label {
    color: #F0F0F0; /* より明るい灰色の文字色 */
}



/* Styles for tabs */
.floorTab {
    background: #454545;
}

/* Styles for various text and link elements */
/* .type_mypage .list_content_text_item a, .type_circle .list_content_text_item a, .type_search .list_content_text_item a, .type_purpose .list_content_text_item a, .type_favorite .list_content_text_item a, .floorTab a:visited, .search_tag>a, .detailedSearch a, a:link {
    color: #fff;
} */


h3.work_subheading {
    background: #383838;
    color: #f0f1f4;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    border-radius: 2px;
}

/* Background for left panel and sub-navigation */
#left .list_content_text.type-icon, .floorSubNav {
    background-color: #282828;
}

/* Header elements styling */
.globalSearchForm>input, .headerCore-mainInner {
    border: 1px solid #6a6a6a;
    color: #333;
}

/* Link item styling */
.floorNavLink-item>a {
    background: #3d3d3d;
}

/* Search tag and list head styling */
.search_tag>a, div.list_head h4 {
    background: #333;
    color: #777;
}

/* Work category styling */
.work_category {
    background: #484848 !important;
    color: #935fc1;
}

/* Ranking list item styling */
.ranking_top_worklist_item:nth-of-type(even) {
    background: #313131;
}

/* Slider body and controller styling */
.work_slider .slider_body, .slider_controller {
    background: #232323;
    border: none;
}

/* Coupon and work device table wrap styling */
.coupon_available, .work_device_table_wrap, .coupon_available_inner {
    background: #efefef;
}

/* Work name styling */
h1#work_name {
    color: #f1f1f1;
    font-size: 20px;
}

div.version_up ul li.odd {
    background: #383838;
}
div.version_up ul li.even {
    background: #292929;
}

a.btn_default, .btn_default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    height: 26px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 3px;
    background: #fafafa;
    border: solid 1px #ccc;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    color: #111;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.ranking_top_worklist_item:nth-of-type(even) .rank {
    background: #303030;
}

.headerCore-mainInner {
    background: #4d4d4d;
}

#work_buy_btn .work_cart a.btn_cart, #work_buy_btn .work_favorite a, #work_buy_btn .work_man a {
    color: #454545;
}

.add_cart_modal .add_cart_note {
    color: #515151;
}

.refine_switch_item>a {
    color: #fff;
}

.refine_checkbox a {
    color: #fff;
}

.option_tab_item>a {
    background: #434343;
    color: #777;
}

.option_tab_item.selected>a {
    color: #fa9900;
    background: #232323;
}

.recommend_list .rank_number {
    color: #fff;
}

a:link {
    color: #6195ff;
    text-decoration: none;
}

a:visited {
    color: #a26ed5;
    text-decoration: none;
}

.work_price_wrap .strike {
    color: #fff;
}