backlog.jp - ピカチュウカラー by hz-3stone

/* ==UserStyle==
@name         backlog.jp - ピカチュウカラー
@version      20241106.03.31
@namespace    https://userstyles.world/user/hz-3stone
@description  バックログの配色をピカチュウカラーにしています。みんなもポケモンゲットじゃぞー！
@author       hz-3stone
@license      No License
==/UserStyle== */

@-moz-document regexp(".*backlog.jp.*|.*backlog.com.*") {
:root {
    --textColorPrimary: #472600;
    --textColorDefault: #222;
    --textColorWeightAdjustment: #333;
    --textColorWeak: #777;
    --textColorWeak-rgb: 119, 119, 119;
    --textColorQuote: #666;
    --textColorTabOff: #999;
    --iconColorDefault: #707070;
    --iconColorWeak: #BBB;
    --iconColorDsabled: #DDD;
    --iconColorPseudo: #BBB;
    --borderColorPrimary: #adadad;
    --borderColorDefault: #bdbdbd;
    --borderColorWeak: #cccccc;
    --borderColorCardBG: #c2c2c2;
    --borderColorFormElement: #999;
    --borderColorOnBaseElement: #999;
    --borderColorAi: #c3a9c2;
    --backgroundColorSchemeBase: #ffffff;
    --backgroundColorSchemeBase-rgb: 255, 255, 255;
    --backgroundColorBase: #eeeae2;
    --backgroundColorPrimary: #e5e5e5;
    --backgroundColorDefault: #f3f3f3;
    --backgroundColorWeak: #f5f5f5;
    --backgroundColorWeakOnBaseBG: #f6f6f6;
    --backgroundColorHover: #fcfade;
    --backgroundColorUpdate: #fcfade;
    --backgroundColorUpdateHover: #f9f5bf;
    --backgroundColorHighlightUpdate: #F7F69E;
    --backgroundColorDsabled: #EEE;
    --brandColorBacklog: #4cbd9b;
    --brandColorCacoo: #4c7ebf;
    --brandColorTypetalk: #ff6455;
    --brandColorNulab: #74758b;
    --defaultColorMain: #efa729;
    --defaultColorAccent: #efa729;
    --defaultColorAccent-rgb: 239, 167, 41;
    --defaultColorBase: #f6e552;
    --defaultColorBase-rgb: 246, 229, 82;
    --defaultColorBase-2: #f6e552;
    --defaultColorLink: #c51f17;
    --defaultColorSub-1: #77b6a4;
    --commonColorRed: #EA2C00;
    --commonColorShockingPink: #f42858;
    --commonColorPink: #e07b9a;
    --commonColorOrange: #ea733b;
    --commonColorYellow: #dc9925;
    --commonColorLime: #a1af2f;
    --commonColorGreen: var(--defaultColorMain);
    --commonColorAcua: #3b9dbd;
    --commonColorPurple: #868cb7;
    --commonColorGray: #595959;
    --commonColorBlack: #393939;
    --commonColorRed-rgb: 234, 44, 0;
    --commonColorShockingPink-rgb: 244, 40, 88;
    --commonColorPink-rgb: 224, 123, 154;
    --commonColorOrange-rgb: 234, 115, 59;
    --commonColorYellow-rgb: 220, 153, 37;
    --commonColorLime-rgb: 161, 175, 47;
    --commonColorGreen-rgb: 76, 175, 147;
    --commonColorAcua-rgb: 59, 157, 189;
    --commonColorPurple-rgb: 134, 140, 183;
    --commonColorGray-rgb: 89, 89, 89;
    --commonColorBlack-rgb: 57, 57, 57;
    --starColorYellow: #eda62a;
    --starColorLime: #b0be3c;
    --starColorGreen: #4caf93;
    --starColorRed: #ff0539;
    --successColorScaleText: #0b654a;
    --successColorScaleAccent: var(--commonColorGreen);
    --successColorScaleBase: #ddefe5;
    --warningColorScaleText: #7D5411;
    --warningColorScaleAccent: var(--commonColorYellow);
    --warningColorScaleBase: #f8f8d3;
    --errorColorScaleText: #833611;
    --errorColorScaleAccent: var(--commonColorRed);
    --errorColorScaleBase: #ffe4dc;
    --notificationColorDefault: var(--commonColorShockingPink);
    --issueActionColor: var(--commonColorGreen);
    --wikiActionColor: var(--commonColorYellow);
    --filesActionColor: var(--commonColorOrange);
    --svnActionColor: var(--commonColorPurple);
    --gitActionColor: var(--commonColorPurple);
    --pullRequestActionColor: var(--commonColorPink);
    --projectActionColor: var(--commonColorShockingPink);
    --issueActionColor-rgb: 76, 175, 147;
    --wikiActionColor-rgb: 237, 166, 42;
    --filesActionColor-rgb: 234, 115, 59;
    --svnActionColor-rgb: 134, 140, 183;
    --gitActionColor-rgb: 134, 140, 183;
    --pullRequestActionColor-rgb: 224, 123, 154;
    --projectActionColor-rgb: 244, 40, 88;
    --statusColor-1: #ed8077;
    --statusColor-2: #4488c5;
    --statusColor-3: #5eb5a6;
    --statusColor-4: var(--commonColorLime);
    --statusColor-5: var(--iconColorDefault);
    --statusColor-other: #BBB;
    --statusColor-1-rgb: 237, 128, 119;
    --statusColor-2-rgb: 68, 136, 197;
    --statusColor-3-rgb: 94, 181, 166;
    --statusColor-4-rgb: 176, 190, 60;
    --statusColor-5-rgb: 128, 128, 128;
    --statusColor-other-rgb: 187, 187, 187;
    --diffColorAddedText: #003D20;
    --diffColorAddedBase: #cef5d5;
    --diffColorAddedBaseHover: #aae4b5;
    --diffColorAddedBase-2: #b9efc3;
    --diffColorDeletedText: #9C0101;
    --diffColorDeletedBase: #f8d8e3;
    --diffColorDeletedBaseHover: #ecbfce;
    --diffColorDeletedBase-2: #f5d3e0;
    --diffColorChangedText: #2B2C76;
    --diffColorChangedBase: #d8e7ff;
    --diffColorChangedBase-2: #C8D8FB;
    --aiColor: #ae66aB;
    --aiColorHover: #ae66ab55;
    --aiIconColor: #ffb300;
    --aiGradient: linear-gradient(135deg, #fef7b1 0%, #b7e9fd 45%, #c1c0fb 75%, #d39ff9 100%);
    --aiGradientBluePurple: linear-gradient(315deg, #b6e9fc 0%, #c1c0fa 45%, #d29ff9 100%);
    --aiGradientBorder: conic-gradient(from 315deg, #a8ebff 10%, #dc9cff 40%, #dc9cff 60%, #a8ebff 90%);
    --shadowHeader: 0 1px 0 0 rgba(0, 0, 0, .18);
    --shadowHeaderFixed: 0 1px 0 0 rgba(0, 0, 0, .23);
    --shadowHeaderFixedFloating: 0 1px 2px 0 rgba(0, 0, 0, .3);
    --shadowModuleSmall: 0 0 6px 0 rgba(0, 0, 0, .35);
    --shadowModuleMedium: 0 2px 10px 0 rgba(4, 0, 0, .35);
    --shadowRightSlideIn: -2px 0 10px 0 rgba(4, 0, 0, .23);
    --shadowModuleCommentEditor: 0 -1px 2px 0 rgba(0, 0, 0, .3);
    --shadowAi: 0 4px 10px 0 rgba(255, 0, 200, 0.1);
    --shadowAiYellow: -2px -2px 4px -2px rgba(246, 228, 137, 0.8);
    --shadowAiPurple: 0px 4px 10px 0px rgba(213, 175, 211, 0.4);
    --primary: #00d1b2;
    --primary-dark: #c51f17;
    --primary-light: #fcfade;
    --primary-active: #efa729;
    --success: #48c78e;
    --success-light: #f0faf4;
    --danger: #ff3860;
    --danger-light: #feecf0;
    --info: #209cee;
    --info-light: #eef6fc;
    --link: #485fc7;
    --link-info: #eef3fc;
    --black: #0a0a0a;
    --gray: #4a4a4a;
    --gray-light: #b5b5b5;
    --gray-lighter: #dbdbdb;
}
body {
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}
:not(pre):not(code):not(textarea):not(tt):not(kbd):not(samp):not(var):not(p) {
    font-family: Inter, "Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
@supports (font-variation-settings: normal) {
    :not(pre):not(code):not(textarea):not(tt):not(kbd):not(samp):not(var):not(p) {
        font-family: InterVariable, sans-serif;
    }
}
pre,
code,
.code-view *,
pre code * {
    font-family: CommitMono, Myrica M!important;
    letter-spacing: normal;
}
.loom pre.loom_code {
    font-family: Consolas,Menlo,Courier,Monaco,monospace,sans-serif !important;
}
.header-icon-set__image,
.space-icon-set__image,
.project-list__icon img {
    mix-blend-mode: multiply;
}
.global-header,
.project-nav__back,
.slide-in__header,
.dropdown-box__header,
.dropdown-box__toggle-button,
.project-list__item:hover.theme-default {
    background-image: url(../images/theme/bg_dot.png);
    background-image: url(../images/theme/bg_plaid.png);
}
.global-nav-content {
    border-radius: 10px;
}
.global-nav .icon-button.add-item-link {
    background-color: var(--defaultColorLink) !important;
}
.project-list__item:hover.theme-default {
    background-color: var(--defaultColorMain);
}
.Page--view-profile {
    .select2-choice {
        width: 30vw !important;
        text-align: center !important;
        border: 0 !important;
        padding: 0.3em 1em !important;
        display: block !important;
        height: 100% !important;
    }
    #globalNotificationsContainer .select2-choice {
        width: 100% !important;
    }
    .select2-results li:not(:has(.select2-match)) {
        display: none;
    }
}
.project-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 10px;
}
.project-list__item {
    width: 100%;
    border-radius: 0 !important;
}
.dashboard-contents__left,
.dashboard-contents__right {
    display: contents;
}
.dashboard-contents {
    display: grid;
    >div >section {
        max-width: 1536px;
    }
}
.dashboard-contents__right .timeline__fixed-header {
    width: 100%;
    max-width: 1536px;
}
.project-list-section {
    order: -2;
}
.timeline-section {
    order: -1;
}
}