Catpuccin theme for backlog.jp
backlog.jp by khanhngwp
Details
Authorkhanhngwp
LicenseNo License
Categorybacklog
Created
Updated
Size668 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Using userstyles to install this style.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name backlog.jp
@version 20220708.10.19
@namespace userstyles.world/user/khanhngwp
@description Catpuccin theme for backlog.jp
@author khanhngwp
@license No License
==/UserStyle== */
@-moz-document domain("backlog.jp") {
@charset "UTF-8";
:root {
--textColorPrimary: #5c5f77;
--textColorDefault: #d9e0ee;
--textColorWeightAdjustment: #d9e0ee;
--textColorWeak: #f8bd96;
--textColorQuote: #6c6f85;
--textColorTabOff: #999;
--iconColorDefault: #808080;
--iconColorWeak: #BBB;
--iconColorDsabled: #DDD;
--iconColorPseudo: #BBB;
--borderColorPrimary: #c9cbff;
--borderColorDefault: #bdbdbd;
--borderColorWeak: #cccccc;
--borderColorCardBG: #c2c2c2;
--borderColorFormElement: #999;
--borderColorOnBaseElement: #999;
--backgroundColorSchemeBase: #303446;
--backgroundColorSchemeBase-rgb: 255,
255,
255;
--backgroundColorBase: #1e1e2e;
--backgroundColorPrimary: #1e1e2e;
--backgroundColorDefault: #1e1e2e;
--backgroundColorWeak: #1e1e2e;
--backgroundColorWeakOnBaseBG: #5c5f77;
--backgroundColorHover: #5c5f77;
--backgroundColorUpdate: #6c6f85;
--backgroundColorUpdateHover: #7c7f93;
--backgroundColorHighlightUpdate: #7c7f93;
--backgroundColorDsabled: #9ca0b0;
--brandColorBacklog: #ea76cb;
--brandColorCacoo: #dd7878;
--brandColorTypetalk: #f8bd96;
--brandColorNulab: #dc8a78;
--defaultColorMain: #40a02b;
--defaultColorAccent: #179299;
--defaultColorAccent-rgb: 44,
154,
122;
--defaultColorBase: #1e1e2e;
--defaultColorBase-rgb: 221,
239,
229;
--defaultColorBase-2: #4c4f69;
--defaultColorLink: #40a02b;
--defaultColorSub-1: #77b6a4;
--commonColorRed: #d20f39;
--commonColorShockingPink: #dd7878;
--commonColorPink: #ea76cb;
--commonColorOrange: #fe640b;
--commonColorYellow: #df8e1d;
--commonColorLime: #a1af2f;
--commonColorGreen: var(--defaultColorMain);
--commonColorAcua: #7287fd;
--commonColorPurple: #8839ef;
--commonColorGray: #4c4f69;
--commonColorBlack: #5c5f77;
--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;
--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)
}
.dark-mode body:not(.Page--error):not(.Page--add-space) {
--textColorPrimary: #ffffff;
--textColorDefault: #dadada;
--textColorWeightAdjustment: #dadada;
--textColorWeak: #9c9c9c;
--textColorQuote: #9c9c9c;
--textColorTabOff: #969696;
--textColorInverse: #171717;
--iconColorDefault: #bdbdbd;
--iconColorWeak: #5f5f5f;
--iconColorDsabled: #797979;
--iconColorPseudo: #848484;
--borderColorPrimary: #737373;
--borderColorDefault: #4e4e4e;
--borderColorWeak: #3c3c3c;
--borderColorCardBG: #4e4e4e;
--borderColorFormElement: #9e9e9e;
--borderColorOnBaseElement: #9e9e9e;
--backgroundColorSchemeBase: #333333;
--backgroundColorSchemeBase-rgb: 51, 51, 51;
--backgroundColorBase: #2f2f2f;
--backgroundColorPrimary: #2f2f2f;
--backgroundColorDefault: #2f2f2f;
--backgroundColorWeak: #3e3e3e;
--backgroundColorWeakOnBaseBG: #2f2f2f;
--backgroundColorHover: #3e3e3e;
--backgroundColorUpdate: #4c4736;
--backgroundColorUpdateHover: #444444;
--backgroundColorHighlightUpdate: #524f45;
--backgroundColorDsabled: #2f2f2f;
--defaultColorMain: #31866e;
--defaultColorAccent: #2B8269;
--defaultColorAccent-rgb: 43, 130, 105;
--defaultColorBase: var(--backgroundColorWeak);
--defaultColorBase-rgb: 62, 62, 62;
--defaultColorBase-2: var(--backgroundColorSchemeBase);
--defaultColorLink: #42ce9f;
--defaultColorSub-1: #77b6a4;
--commonColorRed: #E22C35;
--commonColorShockingPink: #de0b63;
--commonColorPink: #b35370;
--commonColorOrange: #d4642f;
--commonColorYellow: #9e8012;
--commonColorLime: #84920b;
--commonColorGreen: #11837F;
--commonColorAcua: #2f7e98;
--commonColorPurple: #6C73A7;
--commonColorGray: #757575;
--commonColorBlack: #636363;
--commonColorRed-rgb: 226, 44, 53;
--commonColorShockingPink-rgb: 222, 11, 99;
--commonColorPink-rgb: 179, 83, 112;
--commonColorOrange-rgb: 212, 100, 47;
--commonColorYellow-rgb: 158, 128, 18;
--commonColorLime-rgb: 132, 146, 11;
--commonColorGreen-rgb: 17, 131, 127;
--commonColorAcua-rgb: 47, 126, 152;
--commonColorPurple-rgb: 108, 115, 167;
--commonColorGray-rgb: 117, 117, 117;
--commonColorBlack-rgb: 99, 99, 99;
--issueActionColor: var(--commonColorGreen);
--wikiActionColor: var(--commonColorYellow);
--filesActionColor: var(--commonColorOrange);
--svnActionColor: var(--commonColorPurple);
--gitActionColor: var(--commonColorPurple);
--pullRequestActionColor: var(--commonColorPink);
--projectActionColor: #de0b63;
--issueActionColor-rgb: 17, 131, 127;
--wikiActionColor-rgb: 158, 128, 18;
--filesActionColor-rgb: 193, 87, 37;
--svnActionColor-rgb: 108, 115, 167;
--gitActionColor-rgb: 108, 115, 167;
--pullRequestActionColor-rgb: 184, 86, 123;
--projectActionColor-rgb: 222, 11, 99;
--statusColor-1: #c5634d;
--statusColor-2: #4472da;
--statusColor-3: #52947c;
--statusColor-4: var(--commonColorLime);
--statusColor-5: #757575;
--statusColor-other: #636363;
--statusColor-1-rgb: 197, 99, 77;
--statusColor-2-rgb: 68, 114, 218;
--statusColor-3-rgb: 82, 148, 124;
--statusColor-4-rgb: 122, 119, 51;
--statusColor-5-rgb: 117, 117, 117;
--statusColor-other-rgb: 99, 99, 99;
--successColorScaleAccent: #24755d;
--warningColorScaleAccent: #9B6D00;
--errorColorScaleText: #ff7878;
--errorColorScaleAccent: var(--commonColorRed);
--errorColorScaleBase: #332424;
--notificationColorDefault: #ff829e;
--diffColorAddedText: #fff;
--diffColorAddedBase: #2e503c;
--diffColorAddedBaseHover: #47674c;
--diffColorAddedBase-2: #2e503c;
--diffColorDeletedText: #fff;
--diffColorDeletedBase: #613737;
--diffColorDeletedBaseHover: #754e4e;
--diffColorDeletedBase-2: #613737;
--diffColorChangedText: #fff;
--diffColorChangedBase: #2d4a73;
--diffColorChangedBase-2: #2e4a72;
--shadowHeader: 0 1px 0 0 rgba(255, 255, 255, .18);
--shadowHeaderFixed: 0 1px 0 0 rgba(255, 255, 255, .23);
--shadowHeaderFixedFloating: 0 1px 0 0 rgba(255, 255, 255, .23);
--shadowModuleSmall: 0 2px 6px 0 rgba(0, 0, 0, .8);
--shadowModuleMedium: 0 4px 10px 0 rgba(4, 0, 0, .8);
--shadowRightSlideIn: -2px 0 14px 0 rgba(4, 0, 0, .5);
--shadowModuleCommentEditor: 0 -1px 4px 0 rgba(0, 0, 0, .6)
}
.dark-mode body:not(.Page--error):not(.Page--add-space)[class*=theme-] {
--defaultColorBase: var(--backgroundColorWeak);
--defaultColorBase-rgb: 62, 62, 62;
--defaultColorBa...