Files
Themes/public/assets/css/theme-dark.css
T

3614 lines
104 KiB
CSS

:root {
--v-font-size_xs: 0.714rem;
--v-font-size_sm: 0.857rem;
--v-font-size_md: 1rem;
--v-font-size_lg: 1.143rem;
--v-font-size_3xl: 1.714rem;
--v-font-family:
-apple-system, "Segoe UI", system-ui, "SF Pro Text", Inter, Roboto,
"Helvetica Neue", Arial, sans-serif;
--v-code-font-family:
ui-monospace, SFMono-Regular, "Source Code Pro", "SF Mono", Menlo, Monaco,
Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji);
--v-emoji-font-family:
"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla";
--v-measure_\.25x: 4px;
--v-measure_\.375x: 6px;
--v-measure_\.5x: 8px;
--v-measure_\.75x: 12px;
--v-measure_1x: 16px;
--v-measure_1\.25x: 20px;
--v-measure_1\.5x: 24px;
--v-measure_2x: 32px;
--v-measure_2\.5x: 40px;
--v-measure_3x: 48px;
--v-navbar-logo_width: 56px;
--v-navbar-logo_height: 20px;
--c-primary_light_3\%: #b4cff8;
--c-primary_light_6\%: #c2d8fa;
--c-primary_light_9\%: #d0e1fb;
--c-primary_light_10\%: #d5e4fb;
--c-primary_light_20\%: white;
--c-primary_light_25\%: white;
--c-primary_light_30\%: white;
--c-primary_dark_3\%: #98bdf6;
--c-primary_dark_6\%: #8ab4f4;
--c-primary_dark_10\%: #77a8f3;
--c-primary_dark_15\%: #6099f1;
--c-primary_dark_20\%: #488aef;
--c-primary_dark_30\%: #1a6cea;
--c-primary_dark_30\%-rgb: 26, 108, 234;
--c-primary_dark_40\%: #1156c0;
--c-primary_dark_60\%: #092c62;
--c-primary_dark_60\%-c: #e6edf3;
--c-primary_base: #a6c6f7;
--c-primary_base-rgb: 166, 198, 247;
--c-primary_base-c: hsl(240, 33%, 1%);
--c-secondary_light_3\%: #242433;
--c-secondary_light_6\%: #2a2a3c;
--c-secondary_light_9\%: #303045;
--c-secondary_light_12\%: #36364e;
--c-secondary_light_15\%: #3d3d57;
--c-secondary_light_20\%: #474766;
--c-secondary_light_25\%: #525275;
--c-secondary_light_30\%: #5c5c84;
--c-secondary_light_35\%: #666693;
--c-secondary_light_40\%: #75759f;
--c-secondary_light_45\%: #8484a9;
--c-secondary_light_50\%: #9393b4;
--c-secondary_light_55\%: #a2a2be;
--c-secondary_dark_3\%: #171721;
--c-secondary_dark_6\%: #111118;
--c-secondary_dark_9\%: #0a0a0f;
--c-secondary_dark_12\%: #040406;
--c-secondary_base: hsl(240, 18%, 14%);
--c-secondary_base-rgb: 29, 29, 42;
--c-text: #e6edf3;
--c-text-rgb: 230, 237, 243;
--c-subtle: hsl(240, 10%, 70%);
--c-palette_red_light_6\%: #f6a7bd;
--c-palette_red_light_10\%: #f8b9cb;
--c-palette_red_light_12\%: #f9c2d2;
--c-palette_red_dark_10\%: #ee5d85;
--c-palette_red_dark_15\%-rgb: 236, 70, 116;
--c-palette_red_dark_20\%: #e92f63;
--c-palette_red_dark_20\%-rgb: 233, 47, 99;
--c-palette_red_dark_50\%: #730c29;
--c-palette_red_dark_55\%: #5c0a21;
--c-palette_red_dark_60\%: #450718;
--c-palette_red_dark_65\%: #2e0510;
--c-palette_red_base: #f38ba8;
--c-palette_red_base-rgb: 243, 139, 168;
--c-palette_orange_light_10\%: #fcd2b8;
--c-palette_orange_dark_10\%: #f89456;
--c-palette_orange_dark_10\%-rgb: 248, 148, 86;
--c-palette_orange_dark_20\%: #f67525;
--c-palette_orange_base: #fab387;
--c-palette_yellow_light_10\%: #fdf3de;
--c-palette_yellow_light_12\%: #fdf7e8;
--c-palette_yellow_dark_10\%: #f5d180;
--c-palette_yellow_dark_10\%-rgb: 245, 209, 128;
--c-palette_yellow_dark_20\%: #f2c050;
--c-palette_yellow_dark_65\%: #563d06;
--c-palette_yellow_dark_75\%: #271c03;
--c-palette_yellow_base: #f9e2af;
--c-palette_olive_light_10\%: #eef6c2;
--c-palette_olive_dark_10\%: #d6ea68;
--c-palette_olive_dark_20\%: #cae33c;
--c-palette_olive_base: #e2f095;
--c-palette_green_light_10\%: #1aff8f;
--c-palette_green_light_12\%: #24ff94;
--c-palette_green_dark_10\%: #00b35c;
--c-palette_green_dark_20\%: #008042;
--c-palette_green_base: #00e676;
--c-palette_green_base-rgb: 0, 230, 118;
--c-palette_teal_light_10\%: #bcede5;
--c-palette_teal_dark_10\%: #6cd7c5;
--c-palette_teal_dark_20\%: #44ccb6;
--c-palette_teal_dark_40\%: #248676;
--c-palette_teal_dark_50\%: #195e52;
--c-palette_teal_dark_60\%: #0f362f;
--c-palette_teal_base: #94e2d5;
--c-palette_blue_light_10\%: #bad3fc;
--c-palette_blue_light_12\%: #c4d9fc;
--c-palette_blue_dark_10\%: #5895f8;
--c-palette_blue_dark_20\%: #2776f6;
--c-palette_blue_dark_25\%: #0f66f5;
--c-palette_blue_base: #89b4fa;
--c-palette_blue_base-rgb: 137, 180, 250;
--c-palette_violet_light_10\%: #e6eaff;
--c-palette_violet_dark_10\%: #8292fd;
--c-palette_violet_dark_20\%: #4f67fd;
--c-palette_violet_base: #b4befe;
--c-palette_purple_light_10\%: #bb9bf8;
--c-palette_purple_dark_10\%: #7b3bf2;
--c-palette_purple_dark_20\%: #5c10ea;
--c-palette_purple_base: #9b6bf5;
--c-palette_pink_light_10\%: #fceef8;
--c-palette_pink_dark_10\%: #ee96d6;
--c-palette_pink_dark_20\%: #e76ac5;
--c-palette_pink_base: #f5c2e7;
--c-palette_brown_light_10\%: #fdf5f5;
--c-palette_brown_dark_10\%: #e7a5a5;
--c-palette_brown_dark_20\%: #dd7c7c;
--c-palette_brown_base: #f2cdcd;
--c-palette_black_light_10\%: #2c2c44;
--c-palette_black_dark_10\%: #040406;
--c-palette_black_dark_20\%: black;
--c-palette_black_base: #181825;
--c-palette_white_base: #e6edf3;
--c-elevation_1: hsl(240, 33%, 1%);
--c-elevation_1-rgb: 2, 2, 3;
--c-elevation_2: hsl(240, 33%, 4%);
--c-elevation_2-rgb: 7, 7, 14;
--c-elevation_3: hsl(240, 33%, 6%);
--c-elevation_4: hsl(240, 30%, 8%);
--c-elevation_4-rgb: 14, 14, 27;
--c-elevation_5: hsl(240, 28%, 12%);
--c-elevation_6: hsl(240, 25%, 14%);
--c-elevation_6-rgb: 27, 27, 45;
--c-elevation_7: hsl(240, 20%, 30%);
--c-elevation_8: hsl(240, 20%, 40%);
--c-elevation_9: hsl(240, 10%, 50%);
--c-elevation_10: hsl(240, 10%, 70%);
--c-elevation_11: hsl(240, 10%, 80%);
}
:root {
--fonts-proportional: var(--v-font-family);
--fonts-monospace: var(--v-code-font-family);
--fonts-emoji: var(--v-emoji-font-family);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--line-height-default: normal;
--checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>');
--octicon-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg>');
--border-radius: var(--v-measure_\.5x);
--border-radius-medium: var(--v-measure_1x);
--border-radius-full: calc(infinity * 1px);
--opacity-disabled: 0.55;
--height-loading: 16rem;
--min-height-textarea: 132px;
--checkbox-size: 16px;
--page-spacing: 24px;
--page-margin-x: 32px;
--tab-size: 4;
}
@media (min-width: 768px) and (max-width: 1200px) {
:root {
--page-margin-x: 24px;
}
}
@media (max-width: 767.98px) {
:root {
--page-margin-x: 16px;
}
}
:root {
accent-color: var(--color-accent);
color-scheme: dark;
--is-dark-theme: true;
--color-primary: var(--c-primary_base);
--color-primary-contrast: var(--c-primary_base-c);
--color-primary-dark-1: var(--c-primary_light_3\%);
--color-primary-dark-2: var(--c-primary_light_6\%);
--color-primary-dark-3: var(--c-primary_light_9\%);
--color-primary-dark-4: var(--c-primary_light_10\%);
--color-primary-dark-5: var(--c-primary_light_20\%);
--color-primary-dark-6: var(--c-primary_light_25\%);
--color-primary-dark-7: var(--c-primary_light_30\%);
--color-primary-light-1: var(--c-primary_dark_3\%);
--color-primary-light-2: var(--c-primary_dark_6\%);
--color-primary-light-3: var(--c-primary_dark_10\%);
--color-primary-light-4: var(--c-primary_dark_15\%);
--color-primary-light-5: var(--c-primary_dark_20\%);
--color-primary-light-6: var(--c-primary_dark_30\%);
--color-primary-light-7: var(--c-primary_dark_40\%);
--color-primary-alpha-10: rgba(var(--c-primary_base-rgb), 0.1);
--color-primary-alpha-20: rgba(var(--c-primary_base-rgb), 0.2);
--color-primary-alpha-30: rgba(var(--c-primary_base-rgb), 0.3);
--color-primary-alpha-40: rgba(var(--c-primary_base-rgb), 0.4);
--color-primary-alpha-50: rgba(var(--c-primary_base-rgb), 0.5);
--color-primary-alpha-60: rgba(var(--c-primary_base-rgb), 0.6);
--color-primary-alpha-70: rgba(var(--c-primary_base-rgb), 0.7);
--color-primary-alpha-80: rgba(var(--c-primary_base-rgb), 0.8);
--color-primary-alpha-90: rgba(var(--c-primary_base-rgb), 0.9);
--color-primary-hover: var(--color-primary-light-1);
--color-primary-active: var(--color-primary-light-3);
--color-secondary: var(--c-secondary_base);
--color-secondary-dark-1: var(--c-secondary_light_3\%);
--color-secondary-dark-2: var(--c-secondary_light_6\%);
--color-secondary-dark-3: var(--c-secondary_light_9\%);
--color-secondary-dark-4: var(--c-secondary_light_12\%);
--color-secondary-dark-5: var(--c-secondary_light_15\%);
--color-secondary-dark-6: var(--c-secondary_light_20\%);
--color-secondary-dark-7: var(--c-secondary_light_25\%);
--color-secondary-dark-8: var(--c-secondary_light_30\%);
--color-secondary-dark-9: var(--c-secondary_light_35\%);
--color-secondary-dark-10: var(--c-secondary_light_40\%);
--color-secondary-dark-11: var(--c-secondary_light_45\%);
--color-secondary-dark-12: var(--c-secondary_light_50\%);
--color-secondary-dark-13: var(--c-secondary_light_55\%);
--color-secondary-light-1: var(--c-secondary_dark_3\%);
--color-secondary-light-2: var(--c-secondary_dark_6\%);
--color-secondary-light-3: var(--c-secondary_dark_9\%);
--color-secondary-light-4: var(--c-secondary_dark_12\%);
--color-secondary-alpha-10: rgba(var(--c-secondary_base-rgb), 0.1);
--color-secondary-alpha-20: rgba(var(--c-secondary_base-rgb), 0.2);
--color-secondary-alpha-30: rgba(var(--c-secondary_base-rgb), 0.3);
--color-secondary-alpha-40: rgba(var(--c-secondary_base-rgb), 0.4);
--color-secondary-alpha-50: rgba(var(--c-secondary_base-rgb), 0.5);
--color-secondary-alpha-60: rgba(var(--c-secondary_base-rgb), 0.6);
--color-secondary-alpha-70: rgba(var(--c-secondary_base-rgb), 0.7);
--color-secondary-alpha-80: rgba(var(--c-secondary_base-rgb), 0.8);
--color-secondary-alpha-90: rgba(var(--c-secondary_base-rgb), 0.9);
--color-secondary-button: var(--color-secondary-dark-4);
--color-secondary-hover: var(--color-secondary-dark-3);
--color-secondary-active: var(--color-secondary-dark-2);
--color-console-fg: #f7f8f9;
--color-console-fg-subtle: #bdc4cc;
--color-console-bg: #171b1e;
--color-console-border: #2e353b;
--color-console-hover-bg: #272d33;
--color-console-active-bg: #2e353b;
--color-console-menu-bg: #262b31;
--color-console-menu-border: #414b55;
--color-red: var(--c-palette_red_base);
--color-orange: var(--c-palette_orange_base);
--color-yellow: var(--c-palette_yellow_base);
--color-olive: var(--c-palette_olive_base);
--color-green: var(--c-palette_green_base);
--color-teal: var(--c-palette_teal_base);
--color-blue: var(--c-palette_blue_base);
--color-violet: var(--c-palette_violet_base);
--color-purple: var(--c-palette_purple_base);
--color-pink: var(--c-palette_pink_base);
--color-brown: var(--c-palette_brown_base);
--color-black: var(--c-palette_black_base);
--color-green-contrast: var(--color-black);
--color-red-contrast: var(--color-black);
--color-red-light: var(--c-palette_red_light_10\%);
--color-orange-light: var(--c-palette_orange_light_10\%);
--color-yellow-light: var(--c-palette_yellow_light_10\%);
--color-olive-light: var(--c-palette_olive_light_10\%);
--color-green-light: var(--c-palette_green_light_10\%);
--color-teal-light: var(--c-palette_teal_light_10\%);
--color-blue-light: var(--c-palette_blue_light_10\%);
--color-violet-light: var(--c-palette_violet_light_10\%);
--color-purple-light: var(--c-palette_purple_light_10\%);
--color-pink-light: var(--c-palette_pink_light_10\%);
--color-brown-light: var(--c-palette_brown_light_10\%);
--color-black-light: var(--c-palette_black_light_10\%);
--color-red-dark-1: var(--c-palette_red_dark_10\%);
--color-orange-dark-1: var(--c-palette_orange_dark_10\%);
--color-yellow-dark-1: var(--c-palette_yellow_dark_10\%);
--color-olive-dark-1: var(--c-palette_olive_dark_10\%);
--color-green-dark-1: var(--c-palette_green_dark_10\%);
--color-teal-dark-1: var(--c-palette_teal_dark_10\%);
--color-blue-dark-1: var(--c-palette_blue_dark_10\%);
--color-violet-dark-1: var(--c-palette_violet_dark_10\%);
--color-purple-dark-1: var(--c-palette_purple_dark_10\%);
--color-pink-dark-1: var(--c-palette_pink_dark_10\%);
--color-brown-dark-1: var(--c-palette_brown_dark_10\%);
--color-black-dark-1: var(--c-palette_black_dark_10\%);
--color-red-dark-2: var(--c-palette_red_dark_20\%);
--color-orange-dark-2: var(--c-palette_orange_dark_20\%);
--color-yellow-dark-2: var(--c-palette_yellow_dark_20\%);
--color-olive-dark-2: var(--c-palette_olive_dark_20\%);
--color-green-dark-2: var(--c-palette_green_dark_20\%);
--color-teal-dark-2: var(--c-palette_teal_dark_20\%);
--color-blue-dark-2: var(--c-palette_blue_dark_20\%);
--color-violet-dark-2: var(--c-palette_violet_dark_20\%);
--color-purple-dark-2: var(--c-palette_purple_dark_20\%);
--color-pink-dark-2: var(--c-palette_pink_dark_20\%);
--color-brown-dark-2: var(--c-palette_brown_dark_20\%);
--color-black-dark-2: var(--c-palette_black_dark_20\%);
--color-ansi-black: #1e2327;
--color-ansi-red: #cc4848;
--color-ansi-green: #87ab63;
--color-ansi-yellow: #cc9903;
--color-ansi-blue: #3a8ac6;
--color-ansi-magenta: #d22e8b;
--color-ansi-cyan: #00918a;
--color-ansi-white: var(--color-console-fg-subtle);
--color-ansi-bright-black: #424851;
--color-ansi-bright-red: #d15a5a;
--color-ansi-bright-green: #93b373;
--color-ansi-bright-yellow: #eaaf03;
--color-ansi-bright-blue: #4e96cc;
--color-ansi-bright-magenta: #d74397;
--color-ansi-bright-cyan: #00b6ad;
--color-ansi-bright-white: var(--color-console-fg);
--color-grey: var(--c-elevation_9);
--color-grey-light: var(--c-elevation_11);
--color-gold: var(--c-palette_yellow_dark_20\%);
--color-white: var(--c-palette_white_base);
--color-git: #f05133;
--color-diff-added-linenum-bg: var(--c-palette_teal_dark_50\%);
--color-diff-added-row-bg: var(--c-palette_teal_dark_60\%);
--color-diff-added-row-border: var(--c-palette_teal_dark_40\%);
--color-diff-added-word-bg: var(--c-palette_teal_dark_50\%);
--color-diff-moved-row-bg: var(--c-palette_yellow_dark_75\%);
--color-diff-moved-row-border: var(--c-palette_yellow_dark_65\%);
--color-diff-removed-linenum-bg: var(--c-palette_red_dark_60\%);
--color-diff-removed-row-bg: var(--c-palette_red_dark_65\%);
--color-diff-removed-row-border: var(--c-palette_red_dark_50\%);
--color-diff-removed-word-bg: var(--c-palette_red_dark_55\%);
--color-diff-inactive: var(--c-elevation_6);
--color-error-border: var(--c-palette_red_base);
--color-error-bg: rgba(var(--c-palette_red_base-rgb), 0.15);
--color-error-bg-active: var(--c-palette_red_light_6\%);
--color-error-bg-hover: var(--c-palette_red_light_12\%);
--color-error-text: var(--c-palette_red_base);
--color-success-border: var(--c-palette_green_light_12\%);
--color-success-bg: rgba(var(--c-palette_green_base-rgb), 0.15);
--color-success-text: var(--c-text);
--color-warning-border: var(--c-palette_yellow_light_12\%);
--color-warning-bg: var(--c-palette_yellow_base);
--color-warning-text: var(--c-elevation_3);
--color-info-border: var(--c-palette_blue_light_12\%);
--color-info-bg: var(--c-elevation_3);
--color-info-text: var(--c-text);
--color-red-badge: var(--c-palette_red_dark_20\%);
--color-red-badge-bg: rgba(var(--c-palette_red_dark_20\%-rgb), 0.1);
--color-red-badge-hover-bg: rgba(var(--c-palette_red_dark_20\%-rgb), 0.2);
--color-green-badge: var(--c-palette_green_base);
--color-green-badge-bg: rgba(var(--c-palette_green_base-rgb), 0.1);
--color-green-badge-hover-bg: rgba(var(--c-palette_green_base-rgb), 0.2);
--color-yellow-badge: var(--c-palette_yellow_dark_10\%);
--color-yellow-badge-bg: rgba(var(--c-palette_yellow_dark_10\%-rgb), 0.1);
--color-yellow-badge-hover-bg: rgba(
var(--c-palette_yellow_dark_10\%-rgb),
0.2
);
--color-orange-badge: var(--c-palette_orange_dark_10\%);
--color-orange-badge-bg: rgba(var(--c-palette_orange_dark_10\%-rgb), 0.1);
--color-orange-badge-hover-bg: rgba(
var(--c-palette_orange_dark_10\%-rgb),
0.2
);
--color-body: var(--c-elevation_3);
--color-text-dark: var(--c-text);
--color-text: var(--c-text);
--color-text-light: var(--c-subtle);
--color-text-light-1: var(--c-subtle);
--color-text-light-2: var(--c-subtle);
--color-text-light-3: var(--c-subtle);
--color-footer: rgba(var(--c-elevation_2-rgb), 0.2);
--color-timeline: var(--c-elevation_5);
--color-timeline-badge-fg: var(--color-white);
--color-box-header: rgba(var(--c-elevation_4-rgb), 1);
--color-box-body: var(--c-elevation_3);
--color-box-body-highlight: var(--c-elevation_4);
--color-input-text: var(--color-text-dark);
--color-input-background: var(--c-elevation_4);
--color-input-toggle-background: var(--c-elevation_4);
--color-input-border: var(--c-elevation_5);
--color-input-border-hover: var(--c-elevation_6);
--color-light: #00001728;
--color-light-mimic-enabled: rgba(
0,
0,
0,
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
);
--color-light-border: var(--c-elevation_6);
--color-hover: rgba(var(--c-elevation_6-rgb), 0.5);
--color-hover-opaque: var(--c-elevation_6-rgb);
--color-active: var(--c-elevation_5);
--color-menu: var(--c-elevation_4);
--color-card: var(--c-elevation_3);
--color-markup-table-row: rgba(var(--c-text-rgb), 0.02);
--color-markup-code-block: var(--c-elevation_4);
--color-markup-code-inline: var(--c-elevation_4);
--color-button: var(--c-elevation_4);
--color-code-bg: var(--c-elevation_3);
--color-shadow: rgba(var(--c-elevation_1-rgb), 0.5);
--color-shadow-opaque: var(--c-elevation_1);
--color-shadow-rgb: var(--c-elevation_1-rgb);
--color-secondary-bg: var(--c-elevation_4);
--color-expand-button: var(--c-elevation_6);
--color-placeholder-text: var(--c-elevation_9);
--color-editor-line-highlight: var(--color-primary-light-5);
--color-project-column-bg: var(--c-elevation_1);
--color-caret: var(--color-text);
--color-reaction-bg: rgba(var(--c-primary_dark_30\%-rgb), 0.1);
--color-reaction-hover-bg: rgba(var(--c-primary_dark_30\%-rgb), 0.2);
--color-reaction-active-bg: rgba(var(--c-primary_dark_30\%-rgb), 0.05);
--color-tooltip-text: var(--c-text);
--color-tooltip-bg: var(--c-elevation_7);
--color-overlay-backdrop: rgba(var(--c-elevation_1-rgb), 0.8);
--color-nav-bg: var(--c-navbar_bg, var(--c-elevation_1));
--color-nav-hover-bg: var(--c-navbar_hover, var(--c-elevation_5));
--color-nav-text: var(--c-navbar_fg, var(--color-text));
--color-secondary-nav-bg: var(--c-elevation_1);
--color-secondary-nav-hover-bg: var(--c-elevation_4);
--color-label-text: var(--color-text);
--color-label-bg: #7282924b;
--color-label-hover-bg: #728292a0;
--color-label-active-bg: #728292ff;
--color-accent: var(--c-accent, var(--c-palette_blue_dark_25\%));
--color-small-accent: var(--c-accent, var(--color-primary-light-5));
--color-highlight-fg: var(--c-palette_yellow_dark_20\%);
--color-highlight-bg: var(--c-palette_yellow_dark_75\%);
}
#commits-table {
--color-light: transparent !important;
}
#navbar #navbar-logo img {
height: var(--v-navbar-logo_height) !important;
width: var(--v-navbar-logo_width) !important;
}
.markup code {
border-radius: var(--v-measure_\.375x) !important;
}
.markup p {
line-height: 1.5 !important;
}
::selection {
background-color: var(--c-primary_dark_60\%);
color: var(--c-primary_dark_60\%-c);
}
.emoji[aria-label="check mark"],
.emoji[aria-label="currency exchange"],
.emoji[aria-label="TOP arrow"],
.emoji[aria-label="END arrow"],
.emoji[aria-label="ON! arrow"],
.emoji[aria-label="SOON arrow"],
.emoji[aria-label="heavy dollar sign"],
.emoji[aria-label="copyright"],
.emoji[aria-label="registered"],
.emoji[aria-label="trade mark"],
.emoji[aria-label="multiply"],
.emoji[aria-label="plus"],
.emoji[aria-label="minus"],
.emoji[aria-label="divide"],
.emoji[aria-label="curly loop"],
.emoji[aria-label="double curly loop"],
.emoji[aria-label="wavy dash"],
.emoji[aria-label="paw prints"],
.emoji[aria-label="musical note"],
.emoji[aria-label="musical notes"] {
filter: invert(100%) hue-rotate(180deg);
}
.ui.label {
border-radius: var(--v-measure_1\.25x);
}
.ui.label.scope-left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ui.label.scope-right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ui.label.green {
color: var(--color-green-contrast) !important;
}
.ui.label.red {
color: var(--color-red-contrast) !important;
}
.label.isSigned {
font-size: var(--v-font-size_sm) !important;
margin: 0px 0.25em !important;
padding: 0 !important;
display: inline-flex !important;
gap: 0px !important;
border-radius: 16px !important;
--color-light-border: rgba(var(--c-palette_green_base-rgb), 1) !important;
--color-label-bg: none !important;
--color-text: rgba(var(--c-palette_green_base-rgb), 1) !important;
--color-green-badge-bg: none !important;
--color-green-badge-hover-bg: rgba(
var(--c-palette_green_base-rgb),
0.05
) !important;
--color-label-hover-bg: rgba(
var(--c-palette_green_base-rgb),
0.05
) !important;
--color-label-text: rgba(var(--c-palette_green_base-rgb), 1) !important;
--color-green-badge: rgba(var(--c-palette_green_base-rgb), 1) !important;
}
.label.isSigned .shortsha {
padding: 2px 6px 2px 8px !important;
}
.label.isSigned .ui.detail.icon.button {
opacity: 1 !important;
padding: 2px 8px 2px 6px !important;
margin: 0 !important;
background: none !important;
border-color: rgba(var(--c-palette_green_base-rgb), 1) !important;
}
.label.isSigned.isVerified .ui.detail.icon.button {
padding: 2px 8px 2px 6px !important;
}
.combo-markdown-editor .top.tabular.menu {
background-color: var(--color-box-header);
border-radius: var(--border-radius) var(--border-radius) 0 0;
min-height: 0px;
margin-bottom: var(--v-measure_1x) !important;
}
.combo-markdown-editor .top.tabular.menu .item {
margin: -1px 0 0-1px;
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
padding: var(--v-measure_\.5x) var(--v-measure_\.75x) !important;
font-weight: 400;
}
.combo-markdown-editor .top.tabular.menu .item:hover {
color: var(--color-text-light-2);
}
.combo-markdown-editor .top.tabular.menu .item.active {
color: var(--color-text);
}
.combo-markdown-editor .top.tabular.menu .item.active:after {
display: block;
content: "";
position: absolute;
top: 100%;
right: 0;
width: 100%;
height: 1px;
background-color: var(--color-body);
}
.combo-markdown-editor .tab .EasyMDEContainer {
border: none !important;
}
.combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar {
border: none !important;
}
.combo-markdown-editor .tab markdown-toolbar,
.combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar {
padding: 0 10px !important;
}
.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-group,
.combo-markdown-editor
.tab
.EasyMDEContainer
.editor-toolbar
.markdown-toolbar-group {
border: none !important;
padding: 0 !important;
}
.combo-markdown-editor
.tab
markdown-toolbar
.markdown-toolbar-group:not(:last-child):after,
.combo-markdown-editor
.tab
.EasyMDEContainer
.editor-toolbar
.markdown-toolbar-group:not(:last-child):after {
content: "";
display: block;
position: relative;
width: 1px;
flex: 1;
margin: var(--v-measure_\.375x) var(--v-measure_\.375x) !important;
background-color: var(--c-elevation_6);
}
.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button,
.combo-markdown-editor .tab markdown-toolbar button,
.combo-markdown-editor
.tab
.EasyMDEContainer
.editor-toolbar
.markdown-toolbar-button,
.combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button {
line-height: 0;
display: inline-block;
color: var(--color-text-light-2) !important;
padding: var(--v-measure_\.375x) !important;
transition: background-color 0.1s ease;
border-radius: var(--v-measure_\.375x) !important;
height: auto;
min-width: fit-content;
}
.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button:hover,
.combo-markdown-editor .tab markdown-toolbar button:hover,
.combo-markdown-editor
.tab
.EasyMDEContainer
.editor-toolbar
.markdown-toolbar-button:hover,
.combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button:hover {
background-color: var(--c-elevation_5) !important;
}
.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button[level],
.combo-markdown-editor .tab markdown-toolbar button[level],
.combo-markdown-editor
.tab
.EasyMDEContainer
.editor-toolbar
.markdown-toolbar-button[level],
.combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button[level] {
width: 34px;
}
.combo-markdown-editor
.tab
markdown-toolbar
.markdown-toolbar-button[aria-checked="true"],
.combo-markdown-editor .tab markdown-toolbar button[aria-checked="true"],
.combo-markdown-editor
.tab
.EasyMDEContainer
.editor-toolbar
.markdown-toolbar-button[aria-checked="true"],
.combo-markdown-editor
.tab
.EasyMDEContainer
.editor-toolbar
button[aria-checked="true"] {
background-color: var(--c-elevation_4);
}
.combo-markdown-editor .tab markdown-toolbar button:after,
.combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button:after {
vertical-align: unset !important;
}
.combo-markdown-editor .tab textarea,
.combo-markdown-editor .tab .CodeMirror.cm-s-easymde.CodeMirror-wrap {
background-color: transparent !important;
border: none !important;
padding: var(--v-measure_1x) var(--v-measure_1x) !important;
}
.combo-markdown-editor .tab .editor-statusbar {
margin-bottom: 0 !important;
}
.combo-markdown-editor .tab.markup {
padding: 0 var(--v-measure_1x) var(--v-measure_1x);
}
.combo-markdown-editor {
border: 1px solid var(--color-secondary);
border-radius: var(--border-radius);
}
.combo-markdown-editor:focus-within {
outline: 2px solid var(--color-accent);
border-radius: var(--border-radius);
}
.combo-markdown-editor textarea:focus {
outline: none !important;
}
.combo-markdown-editor .ui.tab.markup[data-tab-panel="markdown-previewer"] {
border-bottom: 0px;
}
#comment-form,
.edit-content-zone,
.comment-form,
.comment-code-cloud form {
padding: 0 !important;
border: none !important;
}
#comment-form .field,
.edit-content-zone .field,
.comment-form .field,
.comment-code-cloud form .field {
margin-bottom: var(--v-measure_1x) !important;
}
.ui.dropdown > .menu {
--border-radius: var(--v-measure_\.75x);
opacity: 0;
overflow-x: hidden;
border-radius: var(--border-radius) !important;
transition: opacity 0.2s ease !important;
box-shadow:
0px 6px 12px -3px rgba(var(--color-shadow-rgb), 0.5),
0px 6px 18px 0px rgba(var(--color-shadow-rgb), 0.1) !important;
}
.ui.dropdown > .menu.hidden {
opacity: 0 !important;
}
.ui.dropdown > .menu.visible,
.ui.dropdown > .menu.show {
opacity: 1 !important;
}
.ui.dropdown > .menu .divider {
margin-top: var(--v-measure_\.5x) !important;
margin-bottom: var(--v-measure_\.5x) !important;
}
.ui.dropdown > .menu .item:not(.comment-reaction-button) {
--border-radius: var(--v-measure_\.375x);
margin: 0 var(--v-measure_\.5x) !important;
border-radius: var(--border-radius) !important;
padding: var(--v-measure_\.375x) var(--v-measure_\.5x) !important;
line-height: 1 !important;
display: flex;
flex-wrap: wrap;
align-content: center;
width: auto;
}
.ui.dropdown > .menu .item:not(.comment-reaction-button):first-of-type {
margin-top: var(--v-measure_\.5x) !important;
}
.ui.dropdown > .menu .item:not(.comment-reaction-button):last-of-type {
margin-bottom: var(--v-measure_\.5x) !important;
}
.ui.dropdown > .menu .item:not(.comment-reaction-button).clear-selection {
margin-bottom: var(--v-measure_\.5x) !important;
}
.ui.dropdown > .menu input[type="text"],
.ui.dropdown > .menu input[name="search"] {
--color-input-background: var(--c-elevation_1);
--color-input-border: var(--c-elevation_5);
min-height: var(--v-measure_2x) !important;
padding: 0 var(--v-measure_\.5x) !important;
font-size: var(--v-font-size_md) !important;
border-radius: var(--v-measure_\.375x) !important;
}
.ui.dropdown > .menu input[type="text"]:focus,
.ui.dropdown > .menu input[name="search"]:focus {
--color-primary: var(--color-accent);
}
.ui.dropdown > .menu .scrolling.menu .item {
gap: var(--v-measure_\.5x) !important;
}
.ui.dropdown > .menu .scrolling.menu .item:hover:before {
position: absolute;
top: calc(50% - 12px);
left: -8px;
width: 4px;
height: 24px;
content: "";
background-color: var(--color-accent);
border-radius: 6px;
}
.ui.dropdown > .menu .scrolling.menu .item .item-check-mark {
background-color: var(--c-elevation_6);
visibility: visible !important;
display: inline-flex;
padding: 2px;
border-radius: var(--v-measure_\.375x);
border: 1px solid var(--c-elevation_8);
}
.ui.dropdown > .menu .scrolling.menu .item .item-check-mark svg {
visibility: hidden;
}
.ui.dropdown > .menu .scrolling.menu .item .item-secondary-info {
flex-basis: 100%;
padding: 0 0 0 var(--v-measure_\.5x);
color: var(--c-subtle);
line-height: 100%;
white-space: nowrap;
overflow-x: hidden;
}
.ui.dropdown > .menu .scrolling.menu .item .item-secondary-info small {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ui.dropdown > .menu .scrolling.menu .item.checked .item-check-mark {
background-color: var(--color-accent);
}
.ui.dropdown > .menu .scrolling.menu .item.checked .item-check-mark svg {
visibility: visible;
}
.ui.dropdown:not(.upward) > .menu {
top: calc(100% + var(--v-measure_\.5x)) !important;
}
.ui.dropdown.upward > .menu {
bottom: calc(100% + var(--v-measure_\.5x)) !important;
}
.ui.dropdown.upward.selection.visible,
.ui.dropdown.active.upward.selection {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.ui.dropdown.selection.active,
.ui.dropdown.selection.active:hover,
.ui.dropdown.selection.active .menu,
.ui.dropdown.selection.active:hover .menu {
border-color: var(--color-secondary) !important;
}
.ui.dropdown.selection {
--border-radius: var(--v-measure_\.5x);
border-radius: var(--border-radius) !important;
}
.ui.dropdown.selection:focus,
.ui.dropdown.selection.active {
border-color: var(--color-secondary) !important;
outline: 2px solid var(--color-accent);
}
.ui.dropdown.selection.active {
border-radius: var(--border-radius) !important;
}
.ui.dropdown.selection > .menu {
border-radius: var(--border-radius) !important;
border-top-width: 1px !important;
border-color: var(--color-secondary) !important;
flex-direction: column;
gap: var(--v-measure_\.25x);
}
.ui.dropdown.selection > .menu.visible {
display: flex;
}
.ui.dropdown.selection > .menu .item {
border: none !important;
}
.ui.menu {
border-radius: var(--border-radius);
}
.ui.menu > .item:first-child {
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.ui.menu.compact:not(.secondary) .item:last-child {
border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.ui.secondary.menu {
gap: var(--v-measure_\.25x);
}
.ui.secondary.menu.vertical > .item {
border: none;
margin: 0 0 var(--v-measure_\.25x) 0;
border-radius: var(--border-radius) !important;
}
.ui.secondary.menu .dropdown.item.active:hover,
.ui.secondary.menu a.item.active:hover {
color: var(--color-text);
background: var(--color-hover);
}
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}
input,
textarea,
.ui.input > input,
.ui.form input:not([type]),
.ui.form select,
.ui.form textarea,
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.selection.dropdown {
border-color: var(--color-input-border);
color: var(--color-input-text);
border-radius: var(--border-radius);
line-height: 20px;
padding: calc(var(--v-measure_\.375x) - 1px) var(--v-measure_\.75x);
}
input + .ui.button:last-child,
textarea + .ui.button:last-child,
.ui.input > input + .ui.button:last-child,
.ui.form input:not([type]) + .ui.button:last-child,
.ui.form select + .ui.button:last-child,
.ui.form textarea + .ui.button:last-child,
.ui.form input[type="date"] + .ui.button:last-child,
.ui.form input[type="datetime-local"] + .ui.button:last-child,
.ui.form input[type="email"] + .ui.button:last-child,
.ui.form input[type="file"] + .ui.button:last-child,
.ui.form input[type="number"] + .ui.button:last-child,
.ui.form input[type="password"] + .ui.button:last-child,
.ui.form input[type="search"] + .ui.button:last-child,
.ui.form input[type="tel"] + .ui.button:last-child,
.ui.form input[type="text"] + .ui.button:last-child,
.ui.form input[type="time"] + .ui.button:last-child,
.ui.form input[type="url"] + .ui.button:last-child,
.ui.selection.dropdown + .ui.button:last-child {
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
input:hover,
textarea:hover,
.ui.input > input:hover,
.ui.form input:not([type]):hover,
.ui.form select:hover,
.ui.form textarea:hover,
.ui.form input[type="date"]:hover,
.ui.form input[type="datetime-local"]:hover,
.ui.form input[type="email"]:hover,
.ui.form input[type="file"]:hover,
.ui.form input[type="number"]:hover,
.ui.form input[type="password"]:hover,
.ui.form input[type="search"]:hover,
.ui.form input[type="tel"]:hover,
.ui.form input[type="text"]:hover,
.ui.form input[type="time"]:hover,
.ui.form input[type="url"]:hover,
.ui.selection.dropdown:hover {
border-color: var(--color-input-border);
color: var(--color-input-text);
}
input:focus,
textarea:focus,
.ui.input > input:focus,
.ui.form input:not([type]):focus,
.ui.form select:focus,
.ui.form textarea:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus,
.ui.selection.dropdown:focus {
border-radius: var(--border-radius);
border-color: var(--color-input-border);
color: var(--color-input-text);
outline: 2px solid var(--color-accent);
background-color: var(--c-elevation_2);
}
input.active,
textarea.active,
.ui.input > input.active,
.ui.form input:not([type]).active,
.ui.form select.active,
.ui.form textarea.active,
.ui.form input[type="date"].active,
.ui.form input[type="datetime-local"].active,
.ui.form input[type="email"].active,
.ui.form input[type="file"].active,
.ui.form input[type="number"].active,
.ui.form input[type="password"].active,
.ui.form input[type="search"].active,
.ui.form input[type="tel"].active,
.ui.form input[type="text"].active,
.ui.form input[type="time"].active,
.ui.form input[type="url"].active,
.ui.selection.dropdown.active {
border-radius: var(--border-radius);
outline: 2px solid var(--color-accent);
}
input.active > input.search,
textarea.active > input.search,
.ui.input > input.active > input.search,
.ui.form input:not([type]).active > input.search,
.ui.form select.active > input.search,
.ui.form textarea.active > input.search,
.ui.form input[type="date"].active > input.search,
.ui.form input[type="datetime-local"].active > input.search,
.ui.form input[type="email"].active > input.search,
.ui.form input[type="file"].active > input.search,
.ui.form input[type="number"].active > input.search,
.ui.form input[type="password"].active > input.search,
.ui.form input[type="search"].active > input.search,
.ui.form input[type="tel"].active > input.search,
.ui.form input[type="text"].active > input.search,
.ui.form input[type="time"].active > input.search,
.ui.form input[type="url"].active > input.search,
.ui.selection.dropdown.active > input.search {
outline: none;
}
.ui.action.input:not([class*="left action"]) > input:focus {
border-right-color: var(--color-input-border);
z-index: 1;
}
.ui.action.input > .dropdown:not(:first-child):not(:last-child),
.ui.action.input > .button:not(:first-child):not(:last-child),
.ui.action.input > .buttons:not(:first-child):not(:last-child) > .button {
border-radius: 0 !important;
}
.ui.action.input:not([class*="left action"])
> input:focus
+ .ui.dropdown.selection,
.ui.action.input:not([class*="left action"])
> input:focus
+ .ui.dropdown.selection:hover,
.ui.action.input:not([class*="left action"]) > input:focus + .button,
.ui.action.input:not([class*="left action"]) > input:focus + .button:hover,
.ui.action.input:not([class*="left action"]) > input:focus + i.icon + .button,
.ui.action.input:not([class*="left action"])
> input:focus
+ i.icon
+ .button:hover {
border-left-color: var(--color-input-border);
}
.ui.form .field > label {
margin: 0 0 var(--v-measure_\.375x);
font-size: var(--v-font-size_md);
font-weight: 600;
}
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
min-height: 2.71428571em;
}
.ui.selection.dropdown {
min-height: 2.71428571em;
}
.ui.selection.dropdown > input {
min-height: 0;
}
.ui.selection.dropdown > input:focus {
outline: none;
}
.ui.multiple.dropdown > .label,
.ui.multiple.search.dropdown > input.search {
padding: var(--v-measure_\.375x) var(--v-measure_\.75x);
margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
}
.ui.multiple.search.dropdown > input.search {
padding-left: 0;
}
.ui.checkbox label,
.ui.radio.checkbox label {
margin-left: 20px !important;
}
.non-diff-file-content .ui.segment.list-header {
border-radius: var(--border-radius);
margin-bottom: var(--v-measure_1x) !important;
gap: var(--v-measure_\.5x);
padding: var(--v-measure_\.5x) var(--v-measure_\.75x);
}
.non-diff-file-content .ui.segment.list-header .latest-commit {
gap: var(--v-measure_\.5x);
}
.non-diff-file-content .ui.segment.list-header .commit-summary {
color: var(--c-subtle);
}
.non-diff-file-content .ui.segment.list-header .age {
font-size: 12px;
}
.non-diff-file-content .ui.top.attached.header {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
}
.non-diff-file-content .ui.top.attached.header .file-info {
color: var(--c-subtle) !important;
}
.non-diff-file-content .ui.top.attached.header .btn-octicon {
--color-text: var(--c-subtle);
}
.non-diff-file-content
.ui.attached.segment:has(+ .ui[class*="top attached"].header),
.non-diff-file-content .ui.attached.segment:has(+ .page.buttons),
.non-diff-file-content .ui.attached.segment:last-child,
.non-diff-file-content .ui.segment:has(+ .ui.segment:not(.attached)),
.non-diff-file-content .ui.attached.segment:has(+ .ui.modal) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
img.ui.avatar:not(.org-avatar),
.ui.avatar img:not(.org-avatar),
.ui.avatar svg:not(.org-avatar) {
border-radius: 50% !important;
object-fit: fill;
}
.code-comment-buttons-buttons button:not(.labeled):not(.icon) {
padding: 0.78571429em !important;
}
.ui.buttons.icon .button,
.ui.buttons.icon:not(.compact) {
padding: 50px 50px;
}
.ui.buttons .button {
border-right: none;
flex: 1 0 auto;
border-radius: 0;
margin: 0;
}
.ui.buttons .button:first-child {
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ui.buttons .button.button:last-child {
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ui.button {
border-radius: var(--border-radius);
transition:
color 0.1s ease,
background-color 0.1s ease,
border-color 0.1s ease;
padding: calc(var(--v-measure_\.375x) - 1px) var(--v-measure_1x);
font-size: var(--v-font-size_md);
line-height: 20px;
}
.ui.button.tiny {
font-size: var(--v-font-size_sm);
line-height: var(--v-font-size_sm);
}
.ui.button.basic {
border-radius: var(--border-radius);
}
.ui.button.red,
.ui.button.red.basic {
border-color: var(--color-secondary);
background: var(--color-button);
color: var(--color-red);
}
.ui.button.red:hover,
.ui.button.red.basic:hover {
background: var(--color-red-dark-2);
color: var(--color-white);
}
.ui.button.red.basic,
.ui.button.red.basic.basic {
border-color: rgba(var(--c-palette_red_base-rgb), 0.4);
}
.ui.button.primary,
.ui.button.red,
.ui.button.basic {
font-weight: 500;
}
.ui.button.green {
color: var(--color-white);
background: var(--color-green-dark-2);
}
.ui.segment {
margin: var(--v-measure_1x) 0;
padding: var(--v-measure_1x);
border-radius: var(--border-radius);
}
.ui.segment form > *:first-child {
margin-top: 0;
}
.ui.segment form > *:last-child {
margin-bottom: 0;
}
.ui.top.attached.header {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.ui.attached.segment:has(+ .ui[class*="top attached"].header),
.ui.attached.segment:has(+ .page.buttons),
.ui.attached.segment:last-child,
.ui.segment:has(+ .ui.segment:not(.attached)),
.ui.attached.segment:has(+ .ui.modal) {
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.ui.segments:not(.horizontal) > .segment:first-child,
.ui.segments.horizontal > .segment:first-child {
border-radius: var(--border-radius);
}
.ui.segments:not(.horizontal) > .segment:last-child,
.ui.horizontal.segments > .segment:last-child {
border-radius: var(--border-radius);
}
.comment .content {
background-color: var(--color-box-body);
}
.comment .content > .comment-header:before,
.comment .content > .comment-header:after,
.comment .content > .ui.segment:before,
.comment .content > .ui.segment:after {
display: none;
}
.comment .content .comment-header {
padding: var(--v-measure_\.25x) var(--v-measure_\.25x) var(--v-measure_\.25x)
var(--v-measure_1x) !important;
}
.comment .content .comment-header .comment-header-left .text {
color: var(--c-subtle) !important;
}
.comment .content .comment-header .comment-header-left .text .author {
color: var(--c-text) !important;
}
.comment .content .comment-header .comment-header-right * {
color: var(--c-subtle) !important;
}
.comment .content .comment-header .comment-header-right .label {
height: var(--v-measure_1\.25x, 1.25rem) !important;
padding: 0px var(--v-measure_\.375x) !important;
border-radius: var(--v-measure_1x) !important;
}
.comment-list .comment > .content > div:last-child {
border-bottom-left-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.comment-list .comment > .content > div:first-child {
border-top-left-radius: var(--border-radius) !important;
border-top-right-radius: var(--border-radius) !important;
}
.ui.comments .comment {
margin: var(--v-measure_\.25x) 0 0;
}
.markup .task-list-item input[type="checkbox"] {
margin: 0 0.5em 0.25em -1.4em;
}
.markup input[type="checkbox"] {
--border-radius: var(--v-measure_\.25x);
width: var(--v-measure_1x);
height: var(--v-measure_1x);
margin-right: 4px;
--color-input-background: var(--c-elevation_5);
}
.markup input[type="checkbox"]:checked {
background-color: var(--color-primary);
}
.markup input[type="checkbox"]:after {
--color-text: var(--color-primary-contrast);
}
.markup input[type="checkbox"]:not([disabled]):hover,
.markup input[type="checkbox"]:not([disabled]):active {
border-color: var(--color-secondary);
background-color: var(--c-elevation_6);
}
.markup input[type="checkbox"]:not([disabled]):hover:checked,
.markup input[type="checkbox"]:not([disabled]):active:checked {
background-color: var(--color-primary-hover);
}
.chroma .code-inner {
font: 14px var(--v-code-font-family);
}
.chroma .bp {
color: var(--c-palette_orange_base);
font-weight: 600;
}
.chroma .c {
color: var(--c-subtle);
font-style: italic;
}
.chroma .c1 {
color: var(--c-subtle);
font-style: italic;
}
.chroma .ch {
color: var(--c-subtle);
font-style: italic;
}
.chroma .cm {
color: var(--c-subtle);
font-style: italic;
}
.chroma .cp {
color: var(--c-palette_blue_base);
}
.chroma .cpf {
color: var(--c-palette_blue_base);
}
.chroma .cs {
color: var(--c-subtle);
}
.chroma .dl {
color: var(--c-palette_blue_base);
}
.chroma .gd {
color: var(--c-palette_white_base);
background-color: rgba(var(--c-palette_red_base-rgb), 0.25);
}
.chroma .ge {
font-style: italic;
}
.chroma .gh {
color: var(--c-palette_teal_base);
}
.chroma .gi {
color: var(--c-palette_white_base);
background-color: rgba(var(--c-palette_green_base-rgb), 0.3);
}
.chroma .go {
color: var(--c-palette_orange_base);
}
.chroma .gp {
color: var(--c-subtle);
font-weight: bold;
}
.chroma .gr {
color: var(--c-palette_brown_base);
}
.chroma .gs {
font-weight: bold;
}
.chroma .gt {
color: var(--c-palette_brown_base);
}
.chroma .gu {
color: var(--c-palette_teal_base);
}
.chroma .il {
color: var(--c-palette_orange_base);
}
.chroma .k {
color: var(--c-palette_purple_base);
font-weight: 600;
}
.chroma .kc {
color: var(--c-palette_yellow_base);
}
.chroma .kd {
color: var(--c-palette_purple_base);
font-weight: 600;
}
.chroma .kn {
color: var(--c-palette_yellow_base);
}
.chroma .kp {
color: var(--c-palette_purple_base);
font-weight: 600;
}
.chroma .kr {
color: var(--c-palette_purple_base);
font-weight: 600;
}
.chroma .kt {
color: var(--c-palette_yellow_base);
}
.chroma .m {
color: var(--c-palette_orange_base);
}
.chroma .mb {
color: var(--c-palette_orange_base);
}
.chroma .mf {
color: var(--c-palette_orange_base);
}
.chroma .mh {
color: var(--c-palette_orange_base);
}
.chroma .mi {
color: var(--c-palette_orange_base);
}
.chroma .mo {
color: var(--c-palette_orange_base);
}
.chroma .n {
color: var(--c-palette_violet_base);
}
.chroma .na {
color: var(--c-palette_yellow_base);
}
.chroma .nb {
color: var(--c-palette_orange_base);
font-weight: 600;
}
.chroma .nc {
color: var(--c-palette_pink_base);
}
.chroma .nd {
color: var(--c-palette_pink_base);
}
.chroma .ne {
color: var(--c-palette_brown_base);
}
.chroma .nf {
color: var(--c-palette_blue_base);
}
.chroma .ni {
color: var(--c-palette_pink_base);
}
.chroma .nl {
color: var(--c-palette_yellow_base);
}
.chroma .nn {
color: var(--c-palette_yellow_base);
}
.chroma .no {
color: var(--c-palette_yellow_base);
}
.chroma .nt {
color: var(--c-palette_purple_base);
}
.chroma .nv {
color: var(--c-palette_orange_base);
}
.chroma .nx {
color: var(--c-palette_orange_base);
}
.chroma .o {
color: var(--c-palette_teal_base);
}
.chroma .ow {
color: var(--c-palette_teal_base);
font-weight: bold;
}
.chroma .p {
color: var(--c-subtle);
}
.chroma .s {
color: var(--c-palette_green_base);
}
.chroma .s1 {
color: var(--c-palette_green_base);
}
.chroma .s2 {
color: var(--c-palette_green_base);
}
.chroma .sa {
color: var(--c-palette_green_base);
}
.chroma .sb {
color: var(--c-palette_green_base);
}
.chroma .sc {
color: var(--c-palette_green_base);
}
.chroma .sd {
color: var(--c-palette_green_base);
}
.chroma .se {
color: var(--c-palette_blue_base);
}
.chroma .sh {
color: var(--c-palette_green_base);
}
.chroma .si {
color: var(--c-palette_green_base);
}
.chroma .sr {
color: var(--c-palette_blue_base);
}
.chroma .ss {
color: var(--c-palette_green_base);
}
.chroma .sx {
color: var(--c-palette_green_base);
}
.chroma .vc {
color: var(--c-palette_yellow_base);
}
.chroma .vg {
color: var(--c-palette_orange_base);
}
.chroma .vi {
color: var(--c-palette_yellow_base);
}
.chroma .w {
color: var(--c-elevation_8);
}
.CodeMirror .cm-property,
.CodeMirror.cm-s-default .cm-property,
.CodeMirror.cm-s-paper .cm-property {
color: var(--c-text);
}
.CodeMirror .cm-header,
.CodeMirror.cm-s-default .cm-header,
.CodeMirror.cm-s-paper .cm-header {
color: var(--c-text);
}
.CodeMirror .cm-quote,
.CodeMirror.cm-s-default .cm-quote,
.CodeMirror.cm-s-paper .cm-quote {
color: var(--c-palette_green_base);
}
.CodeMirror .cm-keyword,
.CodeMirror.cm-s-default .cm-keyword,
.CodeMirror.cm-s-paper .cm-keyword {
color: var(--c-palette_purple_base);
}
.CodeMirror .cm-atom,
.CodeMirror.cm-s-default .cm-atom,
.CodeMirror.cm-s-paper .cm-atom {
color: var(--c-palette_red_base);
}
.CodeMirror .cm-number,
.CodeMirror.cm-s-default .cm-number,
.CodeMirror.cm-s-paper .cm-number {
color: var(--c-palette_orange_base);
}
.CodeMirror .cm-def,
.CodeMirror.cm-s-default .cm-def,
.CodeMirror.cm-s-paper .cm-def {
color: var(--c-text);
}
.CodeMirror .cm-variable-2,
.CodeMirror.cm-s-default .cm-variable-2,
.CodeMirror.cm-s-paper .cm-variable-2 {
color: var(--c-palette_blue_base);
}
.CodeMirror .cm-variable-3,
.CodeMirror.cm-s-default .cm-variable-3,
.CodeMirror.cm-s-paper .cm-variable-3 {
color: var(--c-palette_teal_base);
}
.CodeMirror .cm-comment,
.CodeMirror.cm-s-default .cm-comment,
.CodeMirror.cm-s-paper .cm-comment {
color: var(--c-elevation_6);
}
.CodeMirror .cm-string,
.CodeMirror.cm-s-default .cm-string,
.CodeMirror.cm-s-paper .cm-string {
color: var(--c-palette_green_base);
}
.CodeMirror .cm-string-2,
.CodeMirror.cm-s-default .cm-string-2,
.CodeMirror.cm-s-paper .cm-string-2 {
color: var(--c-palette_green_base);
}
.CodeMirror .cm-meta,
.CodeMirror.cm-s-default .cm-meta,
.CodeMirror.cm-s-paper .cm-meta {
color: var(--c-palette_orange_base);
}
.CodeMirror .cm-qualifier,
.CodeMirror.cm-s-default .cm-qualifier,
.CodeMirror.cm-s-paper .cm-qualifier {
color: var(--c-palette_orange_base);
}
.CodeMirror .cm-builtin,
.CodeMirror.cm-s-default .cm-builtin,
.CodeMirror.cm-s-paper .cm-builtin {
color: var(--c-palette_orange_base);
}
.CodeMirror .cm-bracket,
.CodeMirror.cm-s-default .cm-bracket,
.CodeMirror.cm-s-paper .cm-bracket {
color: var(--c-text);
}
.CodeMirror .cm-tag,
.CodeMirror.cm-s-default .cm-tag,
.CodeMirror.cm-s-paper .cm-tag {
color: var(--c-palette_yellow_base);
}
.CodeMirror .cm-attribute,
.CodeMirror.cm-s-default .cm-attribute,
.CodeMirror.cm-s-paper .cm-attribute {
color: var(--c-palette_yellow_base);
}
.CodeMirror .cm-hr,
.CodeMirror.cm-s-default .cm-hr,
.CodeMirror.cm-s-paper .cm-hr {
color: var(--c-elevation_9);
}
.CodeMirror .cm-url,
.CodeMirror.cm-s-default .cm-url,
.CodeMirror.cm-s-paper .cm-url {
color: var(--c-palette_blue_base);
}
.CodeMirror .cm-link,
.CodeMirror.cm-s-default .cm-link,
.CodeMirror.cm-s-paper .cm-link {
color: var(--c-palette_blue_base);
}
.CodeMirror .cm-error,
.CodeMirror.cm-s-default .cm-error,
.CodeMirror.cm-s-paper .cm-error {
color: var(--c-palette_red_base);
}
.monaco-editor {
--vscode-editor-background: var(--c-elevation_0) !important;
--vscode-editorGutter-background: var(--c-elevation_0) !important;
}
.monaco-editor .selected-text {
background-color: var(--c-elevation_4) !important;
}
.monaco-editor .margin-view-overlays .line-numbers {
color: var(--c-elevation_10) !important;
}
.monaco-editor .line-numbers.active-line-number {
color: var(--c-primary_base) !important;
}
.monaco-editor .view-overlays .current-line,
.monaco-editor .margin-view-overlays .current-line-margin {
background-color: var(--c-elevation_2) !important;
}
.monaco-editor .mtk1 {
color: var(--c-text) !important;
}
.monaco-editor .mtk2 {
color: #ff69b4 !important;
}
.monaco-editor .mtk3 {
color: var(--c-palette_orange_base) !important;
}
.monaco-editor .mtk4 {
color: var(--c-palette_teal_base) !important;
}
.monaco-editor .mtk5 {
color: var(--c-text) !important;
}
.monaco-editor .mtk6 {
color: var(--c-palette_purple_base) !important;
}
.monaco-editor .mtk7 {
color: var(--c-palette_orange_base) !important;
}
.monaco-editor .mtk8 {
color: var(--c-elevation_9) !important;
}
.monaco-editor .mtk9 {
color: var(--c-palette_purple_base) !important;
}
.monaco-editor .mtk10 {
color: var(--c-elevation_10) !important;
}
.monaco-editor .mtk11 {
color: var(--c-palette_teal_base) !important;
}
.monaco-editor .mtk12 {
color: var(--c-palette_teal_base) !important;
}
.monaco-editor .mtk13 {
color: #ff69b4 !important;
}
.monaco-editor .mtk14 {
color: #ff69b4 !important;
}
.monaco-editor .mtk15 {
color: var(--c-palette_purple_base) !important;
}
.monaco-editor .mtk16 {
color: var(--c-elevation_9) !important;
}
.monaco-editor .mtk17 {
color: #ff69b4 !important;
}
.monaco-editor .mtk18 {
color: #ff69b4 !important;
}
.monaco-editor .mtk19 {
color: var(--c-palette_teal_base) !important;
}
.monaco-editor .mtk20 {
color: #ff69b4 !important;
}
.monaco-editor .mtk21 {
color: var(--c-palette_green_base) !important;
}
.monaco-editor .mtk22 {
color: #ff69b4 !important;
}
.monaco-editor .mtk23 {
color: var(--c-palette_blue_base) !important;
}
.monaco-editor .mtk24 {
color: var(--c-palette_orange_base) !important;
}
.monaco-editor .mtk25 {
color: var(--c-palette_pink_base) !important;
}
.page-content.user.settings .ui.flex-container,
.page-content.admin .ui.flex-container,
.page-content.repository.settings .ui.flex-container {
column-gap: 40px;
}
.page-content.user.settings .ui.flex-container .flex-container-nav,
.page-content.admin .ui.flex-container .flex-container-nav,
.page-content.repository.settings .ui.flex-container .flex-container-nav {
width: 232px;
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu,
.page-content.admin .ui.flex-container .flex-container-nav .vertical.menu,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu {
--spacing: var(--v-measure_\.375x) var(--v-measure_\.75x);
--min-height: var(--v-measure_2x);
background-color: transparent;
border: none;
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
.header.item,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
.header.item,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
.header.item {
display: flex;
align-items: center;
padding: var(--spacing);
font-size: var(--v-font-size_sm);
font-weight: 600;
color: var(--c-subtle);
background-color: transparent;
min-height: var(--min-height);
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item,
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item {
min-height: var(--min-height);
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item:before,
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item:before,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item:before,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item:before,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item:before,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item:before {
content: none;
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item:not(:last-child),
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item:not(:last-child),
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item:not(:last-child),
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item:not(:last-child),
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item:not(:last-child),
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item:not(:last-child) {
margin-bottom: var(--v-measure_\.25x);
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active,
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active {
font-weight: 600;
background-color: var(--color-menu);
position: relative;
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active:hover,
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active:hover,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active:hover,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active:hover,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active:hover,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active:hover {
background-color: var(--color-hover);
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active:after,
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active:after,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active:after,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active:after,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item.active:after,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item.active:after {
background: var(--color-primary);
border-radius: 0.375rem;
content: "";
height: 24px;
width: 4px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(0px - 4px - var(--v-measure_\.375x));
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item,
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
summary,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
summary,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
a.item,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
summary {
padding: var(--spacing);
border-radius: var(--border-radius);
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item {
--octicon-chevron-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12"><path d="M6 8.825c-.2 0-.4-.1-.5-.2l-3.3-3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l2.7 2.7 2.7-2.7c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1l-3.2 3.2c-.2.2-.4.3-.6.3Z"></path></svg>');
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
summary:after,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
summary:after,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
summary:after {
color: var(--c-subtle);
transform: scaleY(1);
transition: transform 0.12s linear;
mask-image: var(--octicon-chevron-down);
-webkit-mask-image: var(--octicon-chevron-down);
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item[open]
summary:after,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item[open]
summary:after,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item[open]
summary:after {
transform: scaleY(-1);
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu {
margin: 0 !important;
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu
.item,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu
.item,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu
.item {
display: flex;
align-items: center;
color: var(--c-text) !important;
}
.page-content.user.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu
.item:hover,
.page-content.admin
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu
.item:hover,
.page-content.repository.settings
.ui.flex-container
.flex-container-nav
.vertical.menu
details.item
.menu
.item:hover {
background-color: var(--color-hover);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.top.attached.header,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.top.attached.header,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.top.attached.header {
background: unset;
border: none;
font-size: var(--v-font-size_3xl);
font-weight: 400;
padding: 0 0 var(--v-measure_\.5x) 0;
border-bottom: 1px solid var(--color-secondary);
margin-bottom: var(--v-measure_1x);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.top.attached.header:not(:first-child),
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.top.attached.header:not(:first-child),
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.top.attached.header:not(:first-child) {
margin-top: var(--v-measure_2\.5x);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.top.attached.header.error,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.top.attached.header.error,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.top.attached.header.error {
border-color: var(--color-secondary) !important;
background: unset !important;
}
.page-content.user.settings .ui.flex-container .flex-container-main .ui.segment,
.page-content.admin .ui.flex-container .flex-container-main .ui.segment,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.segment {
border-radius: var(--border-radius);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.segment
> *:last-child,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.segment
> *:last-child,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.segment
> *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment {
background: unset;
padding: 0;
border: none;
margin: 0;
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment.bottom,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment.bottom,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment.bottom {
margin-top: var(--v-measure_2x);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
a:not(.button),
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
a:not(.button),
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
a:not(.button) {
color: var(--color-primary);
text-decoration: underline;
display: inline-flex;
align-items: center;
column-gap: var(--v-measure_\.375x);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
a:not(.button)
svg,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
a:not(.button)
svg,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
a:not(.button)
svg {
margin-left: var(--v-measure_\.25x);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.field,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.field,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.field {
margin: 0 0 1em;
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.fields
.fields,
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.field:last-child,
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.fields:last-child
.field,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.fields
.fields,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.field:last-child,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.fields:last-child
.field,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.fields
.fields,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.field:last-child,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.ui.form
.fields:last-child
.field {
margin-bottom: 0;
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.field,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.field,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.field {
margin: var(--v-measure_1x) 0;
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.divider,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.divider,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.divider {
margin: var(--v-measure_1x) 0;
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list {
border: 1px solid var(--color-secondary);
border-radius: var(--border-radius);
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item {
margin-left: 0;
margin-right: 0;
}
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item:not(:first-child),
.page-content.user.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item:first-child,
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item:not(:first-child),
.page-content.admin
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item:first-child,
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item:not(:first-child),
.page-content.repository.settings
.ui.flex-container
.flex-container-main
.ui.attached.segment
.list
.item:first-child {
padding: 1rem;
margin: 0rem 0rem 0rem 0rem;
}
@media (max-width: 768px) {
.repo-home-sidebar-top {
border-bottom: 1px solid var(--c-elevation_6);
margin-bottom: var(--v-measure_1x);
}
}
.repo-home-sidebar-top form {
margin-top: 0 !important;
}
.repo-home-sidebar-top #repo-topics,
.repo-home-sidebar-top #topic_edit,
.repo-home-sidebar-top .label-list {
row-gap: var(--v-measure_\.5x);
margin-top: 0 !important;
}
.repo-home-sidebar-top #repo-topics .label:not(.basic),
.repo-home-sidebar-top #topic_edit .label:not(.basic),
.repo-home-sidebar-top .label-list .label:not(.basic) {
font-size: var(--v-font-size_sm) !important;
background-color: rgba(var(--c-palette_blue_base-rgb), 0.1);
color: var(--c-primary_base);
border-radius: var(--v-measure_2x);
line-height: 22px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.repo-home-sidebar-top #repo-topics .label:not(.basic):hover,
.repo-home-sidebar-top #topic_edit .label:not(.basic):hover,
.repo-home-sidebar-top .label-list .label:not(.basic):hover {
background-color: rgba(var(--c-palette_blue_base-rgb), 0.3) !important;
color: var(--c-primary_base) !important;
}
.repo-home-sidebar-top #repo-topics .ui.selection.active.dropdown,
.repo-home-sidebar-top #repo-topics .ui.selection.active.dropdown .menu,
.repo-home-sidebar-top #topic_edit .ui.selection.active.dropdown,
.repo-home-sidebar-top #topic_edit .ui.selection.active.dropdown .menu,
.repo-home-sidebar-top .label-list .ui.selection.active.dropdown,
.repo-home-sidebar-top .label-list .ui.selection.active.dropdown .menu {
border-color: var(--c-elevation_6);
}
.repo-home-sidebar-top .repo-description {
margin-bottom: var(--v-measure_1x);
}
.repo-home-sidebar-top .repo-description + a.flex-text-block {
margin-bottom: var(--v-measure_1x);
}
.repo-home-sidebar-top .repo-description + a.flex-text-block svg {
color: var(--c-subtle) !important;
}
.repo-home-sidebar-top .flex-text-block {
gap: var(--v-measure_\.25x) !important;
font-size: var(--v-font-size_md) !important;
}
.repo-home-sidebar-top .flex-text-block svg {
margin-right: var(--v-measure_\.25x) !important;
}
@media (max-width: 768px) {
.repo-home-sidebar-top .repo-description {
margin-top: 0 !important;
}
.repo-home-sidebar-top .repo-description + a.flex-text-block {
margin-bottom: 0;
}
.repo-home-sidebar-top #repo-topics,
.repo-home-sidebar-top #manage_topic,
.repo-home-sidebar-top .flex-item-title {
display: none;
}
.repo-home-sidebar-top .flex-item-body > div {
flex: 1;
}
}
.repo-home-sidebar-bottom .flex-list .flex-item .flex-item-main .flex-item {
padding: 0 !important;
}
.repo-home-sidebar-bottom
.flex-list
.flex-item
.flex-item-main
.flex-item
.flex-item-main {
gap: 0 !important;
}
.repo-home-sidebar-bottom
.flex-list
.flex-item
.flex-item-main
.flex-item
.flex-item-main
.flex-item-header
* {
font-size: var(--v-font-size_md) !important;
}
.repo-home-sidebar-bottom
.flex-list
.flex-item
.flex-item-main
.flex-item
.flex-item-main
.flex-item-header
.flex-item-title {
gap: var(--v-measure_\.5x) !important;
}
.repo-home-sidebar-bottom
.flex-list
.flex-item
.flex-item-main
.flex-item
.flex-item-main
.flex-item-header
.flex-item-title
.green.label {
border-radius: var(--v-measure_2x);
font-size: var(--v-font-size_sm) !important;
background-color: transparent !important;
border: 1px solid var(--c-palette_green_base) !important;
color: var(--c-palette_green_base) !important;
}
.repo-home-sidebar-bottom
.flex-list
.flex-item
.flex-item-main
.flex-item
.flex-item-main
.flex-item-body
.time {
font-size: var(--v-font-size_sm) !important;
}
.repo-home-sidebar-bottom .flex-item-body {
gap: 0 !important;
}
.repo-home-sidebar-bottom .flex-item-body .language-stats {
margin: 0 !important;
height: var(--v-measure_\.5x) !important;
margin-bottom: var(--v-measure_\.5x) !important;
}
.repo-home-sidebar-bottom .flex-item-body .language-stats-details {
gap: var(--v-measure_1x) !important;
}
.repo-home-sidebar-bottom .flex-item-body .language-stats-details .item {
font-size: var(--v-font-size_sm) !important;
padding: 0;
gap: var(--v-measure_\.25x) !important;
}
.repo-home-sidebar-bottom
.flex-item-body
.language-stats-details
.item
.color-icon {
height: var(--v-measure_\.5x) !important;
width: var(--v-measure_\.5x) !important;
margin-right: var(--v-measure_\.25x) !important;
}
.repo-home-sidebar-bottom,
.repo-home-sidebar-top {
padding-left: var(--v-measure_1\.5x);
}
@media (max-width: 768px) {
.repo-home-sidebar-bottom,
.repo-home-sidebar-top {
padding-left: 0 !important;
}
}
.repo-home-sidebar-bottom .flex-item-title .item,
.repo-home-sidebar-top .flex-item-title .item {
display: flex;
flex-wrap: nowrap;
gap: var(--v-measure_\.5x);
text-decoration: none;
}
.repo-home-sidebar-bottom .flex-item-title .item .small.label,
.repo-home-sidebar-top .flex-item-title .item .small.label {
background-color: var(--c-elevation_7);
border: 1px solid var(--c-elevation_7);
border-radius: var(--v-measure_2x);
color: var(--c-text);
font-weight: var(--base-text-weight-medium, 500);
min-width: 20px;
padding: 2px;
text-align: center;
align-items: center;
justify-content: center;
}
.repo-home-sidebar-bottom > .flex-list > .flex-item,
.repo-home-sidebar-top > .flex-list > .flex-item {
padding-top: var(--v-measure_1x);
padding-bottom: var(--v-measure_1x);
}
.repo-home-sidebar-bottom > .flex-list > .flex-item > .flex-item-main,
.repo-home-sidebar-top > .flex-list > .flex-item > .flex-item-main {
gap: var(--v-measure_1x);
}
button.ui.primary.button.js-btn-clone-panel {
display: flex;
flex-wrap: nowrap;
gap: var(--v-measure_\.5x);
align-items: center;
}
button.ui.primary.button.js-btn-clone-panel span {
display: flex;
flex-wrap: nowrap;
gap: var(--v-measure_\.375x);
align-items: center;
}
.clone-panel-popup .clone-panel-field {
margin: var(--v-measure_1x);
}
.clone-panel-popup .clone-panel-list {
margin: var(--v-measure_1x);
}
.clone-panel-popup .clone-panel-list .item {
margin: var(--v-measure_\.5x) 0;
}
.clone-panel-popup .clone-panel-tab {
padding: 0 var(--v-measure_1x) var(--v-measure_\.5x);
display: flex;
gap: var(--v-measure_\.5x);
}
.clone-panel-popup .clone-panel-tab button {
padding: var(--v-measure_\.375x) var(--v-measure_\.5x);
font-weight: 600;
}
.clone-panel-popup .clone-panel-tab button.active {
border-bottom: 0;
position: relative;
}
.clone-panel-popup .clone-panel-tab button.active:after {
content: "";
display: block;
position: absolute;
bottom: -7px;
left: 0;
width: 100%;
height: 2px;
background-color: var(--c-primary_base);
}
.clone-panel-popup .clone-panel-tab button:hover {
background-color: var(--color-hover);
border-radius: var(--border-radius);
transition: background 0.12s ease-out;
text-decoration: none;
}
.tippy-svg-arrow {
display: none;
}
.repository.file.editor .commit-form-wrapper .commit-form:before,
.repository.file.editor .commit-form-wrapper .commit-form:after {
display: none;
}
.secondary-nav {
margin-bottom: var(--v-measure_1\.5x) !important;
}
.secondary-nav .ui.container {
margin: 0 0 0 0 !important;
max-width: unset !important;
width: 100% !important;
padding: 0 var(--v-measure_1x);
}
.secondary-nav .repo-header {
margin: 0 0 var(--v-measure_1x) 0;
}
.secondary-nav .repo-header img.avatar {
width: var(--v-measure_2x) !important;
height: var(--v-measure_2x) !important;
}
.secondary-nav .repo-header .flex-item-title {
gap: var(--v-measure_\.25x) !important;
font-size: var(--v-font-size_md) !important;
font-weight: normal !important;
color: var(--c-elevation_10) !important;
}
.secondary-nav .repo-header .flex-item-title a {
padding: var(--v-measure_\.375x) var(--v-measure_\.5x) !important;
border-radius: var(--v-measure_\.25x);
}
.secondary-nav .repo-header .flex-item-title a:hover {
background-color: var(--c-elevation_4) !important;
color: var(--c-text) !important;
text-decoration: none !important;
}
.secondary-nav .repo-header .flex-item-title a:last-child {
font-weight: 600;
}
.secondary-nav .repo-header .flex-item-trailing .label {
padding: var(--v-measure_\.25x) var(--v-measure_\.5x);
font-size: var(--v-font-size_sm);
border-radius: var(--v-measure_1x);
background-color: transparent;
color: var(--c-elevation_10);
}
.secondary-nav .repo-header .flex-item-trailing svg {
color: var(--c-elevation_10);
}
@media (max-width: 768px) {
.secondary-nav .repo-header .flex-item-title {
display: inline-block;
white-space: nowrap;
padding: 0 var(--v-measure_\.5x) !important;
font-size: var(--v-font-size_sm) !important;
font-weight: 500 !important;
}
.secondary-nav .repo-header .flex-item-title a {
padding: 0 !important;
}
.secondary-nav .repo-header .flex-item-title a:hover {
background-color: transparent !important;
color: var(--c-primary_base) !important;
text-decoration: none !important;
}
.secondary-nav .repo-header .flex-item-title a:first-child {
float: left;
margin-right: var(--v-measure_\.5x);
color: var(--c-elevation_10) !important;
font-weight: 500 !important;
}
.secondary-nav .repo-header .flex-item-title a:first-child:hover {
color: var(--c-primary_base) !important;
}
.secondary-nav .repo-header .flex-item-title a:last-child {
font-size: var(--v-font-size_md) !important;
clear: left;
display: block;
}
}
.secondary-nav .fork-flag {
margin-top: calc(var(--v-measure_1x) * -1) !important;
margin-bottom: var(--v-measure_1x) !important;
}
.secondary-nav overflow-menu.ui.secondary.pointing.menu .overflow-menu-items {
gap: var(--v-measure_\.5x) !important;
}
.secondary-nav overflow-menu.ui.secondary.pointing.menu .item {
padding: var(--v-measure_\.375x) var(--v-measure_\.5x) !important;
margin-bottom: var(--v-measure_\.5x) !important;
border-radius: var(--v-measure_\.25x);
border: none !important;
}
.secondary-nav overflow-menu.ui.secondary.pointing.menu .item svg {
color: var(--color-text-light-3) !important;
margin-right: var(--v-measure_\.5x) !important;
}
.secondary-nav overflow-menu.ui.secondary.pointing.menu .item:hover {
background-color: var(--color-secondary-nav-hover-bg) !important;
color: var(--color-text-light-2) !important;
}
.secondary-nav overflow-menu.ui.secondary.pointing.menu .item.active {
border: none !important;
}
.secondary-nav overflow-menu.ui.secondary.pointing.menu .item.active:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 2px;
left: 0;
top: calc(100% + var(--v-measure_\.375x) - 1px);
background-color: var(--c-primary_base);
transform: unset;
border: none;
}
.secondary-nav overflow-menu.ui.secondary.pointing.menu .item .small.label {
background-color: var(--c-elevation_7);
border: 1px solid var(--c-elevation_7);
border-radius: var(--v-measure_2x);
color: var(--c-text);
font-weight: var(--base-text-weight-medium, 500);
min-width: calc(var(--v-measure_1x) + 1px);
padding: 2px;
text-align: center;
align-items: center;
justify-content: center;
}
.secondary-nav .repo-buttons .button {
font-size: var(--v-font-size_sm) !important;
--border-radius: var(--v-measure_\.25x);
padding: var(--v-measure_\.375x) var(--v-measure_\.5x) !important;
background-color: transparent !important;
font-weight: normal;
}
.secondary-nav .repo-buttons .button button,
.secondary-nav .repo-buttons .button .button {
border-color: var(--c-elevation_6) !important;
gap: var(--v-measure_\.5x) !important;
border-radius: var(--border-radius);
}
.secondary-nav .repo-buttons .button button:hover,
.secondary-nav .repo-buttons .button .button:hover {
border-color: var(--c-elevation_7) !important;
}
.secondary-nav .repo-buttons .button button:hover + .label,
.secondary-nav .repo-buttons .button .button:hover + .label {
border-left-color: var(--c-elevation_7) !important;
}
.secondary-nav .repo-buttons .button.labeled button,
.secondary-nav .repo-buttons .button.labeled .button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.secondary-nav .repo-buttons .button.labeled .label {
border-color: var(--c-elevation_6) !important;
background-color: transparent !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.secondary-nav .repo-buttons .button.labeled .label:hover {
border-color: var(--c-elevation_7) !important;
}
.secondary-nav .repo-buttons .button:hover {
border-color: var(--c-elevation_7) !important;
}
.repo-button-row-left {
gap: var(--v-measure_\.5x);
}
.repo-button-row-left .button {
--border-radius: var(--v-measure_\.25x);
padding: var(--v-measure_\.375x) var(--v-measure_\.5x) !important;
background-color: transparent !important;
font-weight: normal;
}
.repo-button-row-left .button button,
.repo-button-row-left .button .button {
border-color: var(--c-elevation_6) !important;
gap: var(--v-measure_\.5x) !important;
border-radius: var(--border-radius);
}
.repo-button-row-left .button button:hover,
.repo-button-row-left .button .button:hover {
border-color: var(--c-elevation_7) !important;
}
.repo-button-row-left .button button:hover + .label,
.repo-button-row-left .button .button:hover + .label {
border-left-color: var(--c-elevation_7) !important;
}
.repo-button-row-left .button.labeled button,
.repo-button-row-left .button.labeled .button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.repo-button-row-left .button.labeled .label {
border-color: var(--c-elevation_6) !important;
background-color: transparent !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.repo-button-row-left .button.labeled .label:hover {
border-color: var(--c-elevation_7) !important;
}
.repo-button-row-left .button:hover {
border-color: var(--c-elevation_7) !important;
}
.repo-button-row-left .breadcrumb.repo-path {
font-size: var(--v-font-size_lg);
padding: 0 0 0 var(--v-measure_\.5x);
}
.repo-button-row-left .breadcrumb.repo-path .section:first-of-type,
.repo-button-row-left .breadcrumb.repo-path .section.active {
font-weight: 600;
}
.repo-button-row-left .breadcrumb.repo-path .breadcrumb-divider,
.repo-button-row-left .breadcrumb.repo-path button {
color: var(--c-subtle) !important;
}
.repo-button-row-left .breadcrumb.repo-path button {
border-radius: var(--border-radius);
padding: var(--v-measure_\.375x);
margin: 0 0 0 var(--v-measure_\.5x) !important;
}
.repo-button-row-left .breadcrumb.repo-path button svg {
width: var(--v-measure_1x);
height: var(--v-measure_1x);
}
.repo-button-row-left .breadcrumb.repo-path button:hover {
background-color: var(--color-nav-hover-bg);
}
.repo-home-filelist {
display: flex;
flex-direction: column;
row-gap: var(--v-measure_1x);
}
.repo-home-filelist > div {
margin: 0 !important;
}
.repo-home-filelist #repo-files-table .repo-file-last-commit {
padding: var(--v-measure_\.75x) var(--v-measure_1x) !important;
}
.repo-home-filelist #repo-files-table .repo-file-last-commit .commit-summary {
margin: 0;
}
.repo-home-filelist #repo-files-table .repo-file-last-commit .latest-commit {
gap: var(--v-measure_\.5x);
}
.repo-home-filelist
#repo-files-table
.repo-file-last-commit
.latest-commit
img {
border-radius: 50%;
width: var(--v-measure_1\.25x);
height: var(--v-measure_1\.25x);
}
.repo-home-filelist
#repo-files-table
.repo-file-last-commit
.label
.detail.icon.button
img {
display: none;
}
.repo-home-filelist #repo-files-table .repo-file-cell {
padding: var(--v-measure_\.5x) var(--v-measure_1x) !important;
}
.repo-home-filelist #repo-files-table .repo-file-cell.name {
display: flex;
flex-wrap: nowrap;
column-gap: var(--v-measure_\.5x);
align-items: center;
}
.repo-home-filelist .repository-summary .sub-menu .item {
height: 30px;
}
.page-content.repository.issue-list .secondary-nav,
.page-content.dashboard.issues .secondary-nav {
margin-bottom: var(--v-measure_1\.5x);
}
.page-content.repository.issue-list #issue-filters,
.page-content.dashboard.issues #issue-filters {
margin: var(--v-measure_2x) 0 var(--v-measure_1x) 0;
gap: var(--v-measure_3x);
align-items: center;
}
.page-content.repository.issue-list #issue-list .flex-item,
.page-content.dashboard.issues #issue-list .flex-item {
padding: var(--v-measure_\.75x) 0 var(--v-measure_\.75x) 0;
}
.page-content.repository.issue-list #issue-list .flex-item:first-child,
.page-content.dashboard.issues #issue-list .flex-item:first-child {
padding-top: 0;
}
.page-content.repository.issue-list #issue-list .flex-item:last-child,
.page-content.dashboard.issues #issue-list .flex-item:last-child {
padding-bottom: 0;
}
.page-content.repository.issue-list #issue-list .flex-item .branch,
.page-content.dashboard.issues #issue-list .flex-item .branch {
background-color: var(--c-elevation_1);
}
.page-content.repository.issue-list
#issue-list
.flex-item
.flex-item-icon
svg.green,
.page-content.dashboard.issues
#issue-list
.flex-item
.flex-item-icon
svg.green {
color: var(--c-palette_green_base) !important;
}
.page-content.repository.issue-list .list-header,
.page-content.dashboard.issues .list-header {
margin-bottom: var(--v-measure_1\.5x);
}
.issue-content-right {
--spc: var(--v-measure_1x);
--spc-7_8: calc(var(--spc) * 0.875);
--spc-6_8: calc(var(--spc) * 0.75);
--spc-4_8: calc(var(--spc) * 0.5);
--spc-3_8: calc(var(--spc) * 0.375);
--spc-2_8: calc(var(--spc) * 0.25);
display: flex;
flex-direction: column;
border: none !important;
color: var(--color-text-light-2) !important;
padding: 0 !important;
}
.issue-content-right > *,
.issue-content-right .issue-sidebar-combo > *,
.issue-content-right > text + *,
.issue-content-right > .ui > * {
margin: unset !important;
padding: unset !important;
font-size: var(--v-font-size_sm) !important;
}
.issue-content-right > .ui,
.issue-content-right > .text,
.issue-content-right > .ui {
padding-left: var(--spc-4_8) !important;
padding-right: 0 !important;
}
.issue-content-right .ui.ui.ui.compact.grid > .column:not(.row),
.issue-content-right .ui.ui.ui.compact.grid > .row > .column {
padding-left: unset;
padding-right: unset;
}
.issue-content-right button,
.issue-content-right input,
.issue-content-right .dropdown,
.issue-content-right .ui.grid > .row > [class*="two wide"].column,
.issue-content-right .ui.grid > .column.row > [class*="two wide"].column,
.issue-content-right .ui.grid > [class*="two wide"].column,
.issue-content-right .ui.column.grid > [class*="two wide"].column {
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
min-width: 0 !important;
}
.issue-content-right a:hover {
text-decoration: none !important;
}
.issue-content-right > .divider {
width: calc(100% - var(--spc-4_8)) !important;
align-self: flex-end;
margin: var(--spc-7_8) 0 !important;
}
.issue-content-right .select-branch {
align-self: flex-end;
}
.issue-content-right .select-branch .branch-dropdown-button {
--border-radius: var(--v-measure_\.25x);
padding: var(--v-measure_\.375x) var(--v-measure_\.5x) !important;
background-color: transparent !important;
font-weight: normal;
}
.issue-content-right .select-branch .branch-dropdown-button button,
.issue-content-right .select-branch .branch-dropdown-button .button {
border-color: var(--c-elevation_6) !important;
gap: var(--v-measure_\.5x) !important;
border-radius: var(--border-radius);
}
.issue-content-right .select-branch .branch-dropdown-button button:hover,
.issue-content-right .select-branch .branch-dropdown-button .button:hover {
border-color: var(--c-elevation_7) !important;
}
.issue-content-right
.select-branch
.branch-dropdown-button
button:hover
+ .label,
.issue-content-right
.select-branch
.branch-dropdown-button
.button:hover
+ .label {
border-left-color: var(--c-elevation_7) !important;
}
.issue-content-right .select-branch .branch-dropdown-button.labeled button,
.issue-content-right .select-branch .branch-dropdown-button.labeled .button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.issue-content-right .select-branch .branch-dropdown-button.labeled .label {
border-color: var(--c-elevation_6) !important;
background-color: transparent !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.issue-content-right
.select-branch
.branch-dropdown-button.labeled
.label:hover {
border-color: var(--c-elevation_7) !important;
}
.issue-content-right .select-branch .branch-dropdown-button:hover {
border-color: var(--c-elevation_7) !important;
}
.issue-content-right .select-branch + .divider {
border: none !important;
margin: var(--spc-4_8) 0 !important;
}
.issue-content-right .select-branch .menu {
--color-menu: var(--c-elevation_3);
}
.issue-content-right .select-branch .menu .branch-tag-item.active,
.issue-content-right .select-branch .menu .reference-list-menu,
.issue-content-right .select-branch .menu .reference-list-menu .item {
--color-menu: var(--c-elevation_4) !important;
}
.issue-content-right .select-branch .menu .branch-tag-item {
--border-radius: var(--spc-4_8);
}
.issue-content-right .select-branch .menu .branch-tag-item:hover {
color: currentColor !important;
}
.issue-content-right .issue-sidebar-combo {
display: flex;
flex-direction: column;
gap: var(--spc-4_8) !important;
}
.issue-content-right .issue-sidebar-combo > * {
padding-left: var(--spc-4_8) !important;
padding-right: var(--spc-4_8) !important;
}
.issue-content-right .issue-sidebar-combo .ui.dropdown {
padding-top: var(--spc-3_8) !important;
padding-bottom: var(--spc-3_8) !important;
font-size: var(--v-font-size_sm);
transition: background-color 0.1s ease;
border-radius: var(--border-radius) !important;
}
.issue-content-right .issue-sidebar-combo .ui.dropdown > a {
flex: 1;
display: flex;
justify-content: space-between;
}
.issue-content-right .issue-sidebar-combo .ui.dropdown > a:hover {
color: currentColor !important;
text-decoration: none !important;
}
.issue-content-right .issue-sidebar-combo .ui.dropdown:hover {
background-color: rgba(var(--c-elevation_6-rgb), 0.5);
}
.issue-content-right > .text {
flex: 1;
display: flex !important;
justify-content: space-between;
font-weight: 500 !important;
margin-bottom: var(--spc-6_8) !important;
}
.issue-content-right > .text strong {
font-weight: 500 !important;
}
.issue-content-right .watching {
display: flex;
flex-direction: column;
gap: var(--spc-6_8) !important;
}
.issue-content-right .watching button {
font-weight: 500;
padding: var(--spc-4_8) var(--spc-6_8) !important;
border-radius: var(--border-radius) !important;
}
.issue-content-right .watching button svg {
color: var(--c-subtle) !important;
}
.issue-content-right .depending > .text {
display: inline-block;
margin-bottom: var(--spc-6_8) !important;
}
.issue-content-right .depending > p {
margin-bottom: var(--spc-4_8) !important;
}
.issue-content-right .depending .divided.list {
display: flex;
flex-direction: column;
gap: var(--spc) !important;
}
.issue-content-right .depending .divided.list .dependency {
border: none !important;
}
.issue-content-right .depending .divided.list .dependency .item-left div.text {
font-size: var(--v-font-size_xs) !important;
}
.issue-content-right .depending .divided.list .dependency:not(:first-child) {
position: relative;
}
.issue-content-right
.depending
.divided.list
.dependency:not(:first-child):before {
content: "";
display: block;
position: absolute;
top: -8px;
left: 0;
height: 1px;
width: 100%;
background-color: var(--c-elevation_4);
}
.issue-content-right .depending #new-dependency-drop-list {
padding: var(--spc-3_8) var(--spc-6_8) !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.issue-content-right .depending #new-dependency-drop-list.active {
border-top-left-radius: var(--border-radius) !important;
border-bottom-left-radius: var(--border-radius) !important;
border-color: var(--c-elevation_5) !important;
outline: 2px solid var(--color-accent);
}
.issue-content-right .depending #new-dependency-drop-list input {
padding: var(--spc-3_8) var(--spc-6_8) !important;
line-height: 20px !important;
}
.issue-content-right .depending button {
padding: var(--spc-4_8) !important;
}
.issue-content-right div.ui.equal.width.compact.grid button {
--border-radius: var(--v-measure_\.25x);
padding: var(--v-measure_\.375x) var(--v-measure_\.5x) !important;
background-color: transparent !important;
font-weight: normal;
display: flex;
color: var(--c-subtle) !important;
width: unset !important;
}
.issue-content-right div.ui.equal.width.compact.grid button button,
.issue-content-right div.ui.equal.width.compact.grid button .button {
border-color: var(--c-elevation_6) !important;
gap: var(--v-measure_\.5x) !important;
border-radius: var(--border-radius);
}
.issue-content-right div.ui.equal.width.compact.grid button button:hover,
.issue-content-right div.ui.equal.width.compact.grid button .button:hover {
border-color: var(--c-elevation_7) !important;
}
.issue-content-right
div.ui.equal.width.compact.grid
button
button:hover
+ .label,
.issue-content-right
div.ui.equal.width.compact.grid
button
.button:hover
+ .label {
border-left-color: var(--c-elevation_7) !important;
}
.issue-content-right div.ui.equal.width.compact.grid button.labeled button,
.issue-content-right div.ui.equal.width.compact.grid button.labeled .button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.issue-content-right div.ui.equal.width.compact.grid button.labeled .label {
border-color: var(--c-elevation_6) !important;
background-color: transparent !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
.issue-content-right
div.ui.equal.width.compact.grid
button.labeled
.label:hover {
border-color: var(--c-elevation_7) !important;
}
.issue-content-right div.ui.equal.width.compact.grid button:hover {
border-color: var(--c-elevation_7) !important;
}
.issue-content-right .issue-due-form * {
color: var(--c-subtle) !important;
}
.issue-content-right .issue-due-form input[type="date"] {
padding: var(--spc-4_8) var(--spc-6_8) !important;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
.issue-content-right .issue-due-form button {
padding: var(--spc-4_8) !important;
border-top-right-radius: var(--border-radius) !important;
border-bottom-right-radius: var(--border-radius) !important;
}
.issue-content-right > form,
.issue-content-right .form {
display: flex;
flex-direction: column;
gap: var(--spc-4_8) !important;
}
.issue-content-right > form button,
.issue-content-right > button {
font-size: var(--v-font-size_sm) !important;
border: none !important;
background: transparent !important;
padding: var(--spc-3_8) var(--spc-4_8) !important;
justify-content: start !important;
gap: var(--spc-4_8) !important;
margin-bottom: var(--spc-2_8) !important;
border-radius: var(--border-radius) !important;
}
.issue-content-right > form button svg,
.issue-content-right > button svg {
color: var(--c-subtle) !important;
}
.issue-content-right > form button:hover,
.issue-content-right > button:hover {
background: var(--c-elevation_4) !important;
}
.issue-content-right > form button[data-modal="#sidebar-delete-issue"],
.issue-content-right > button[data-modal="#sidebar-delete-issue"] {
color: var(--c-palette_red_base) !important;
}
.issue-content-right > form button[data-modal="#sidebar-delete-issue"] svg,
.issue-content-right > button[data-modal="#sidebar-delete-issue"] svg {
color: var(--c-palette_red_base) !important;
}
.issue-content-right > form button[data-modal="#sidebar-delete-issue"]:hover,
.issue-content-right > button[data-modal="#sidebar-delete-issue"]:hover {
background: rgba(var(--c-palette_red_dark_15\%-rgb), 0.1) !important;
}
.issue-title-header {
margin-bottom: var(--v-measure_1\.5x);
padding-bottom: var(--v-measure_\.75x);
border-bottom: 1px solid var(--c-elevation_5);
}
.issue-title-header .issue-title .index {
font-weight: 300;
}
.issue-title-header .issue-title-meta {
color: var(--c-subtle);
}
.issue-title-header:has(+ .ui.pull.tabs) {
margin-bottom: var(--v-measure_1x);
padding-bottom: var(--v-measure_\.5x);
border-bottom: none;
}
.issue-content {
column-gap: var(--v-measure_1\.5x);
}
.issue-content-left .timeline-avatar img {
border-radius: 50% !important;
}
.timeline-item.event .badge:not([class*="tw-bg-"]) {
color: var(--color-timeline-badge-fg) !important;
}
.timeline-item.event .badge.tw-bg-green.tw-text-white {
color: var(--color-green-contrast) !important;
}
.timeline-item.event .badge.tw-bg-red.tw-text-white {
color: var(--color-red-contrast) !important;
}
.timeline-item.event .ui.segments.conversation-holder {
margin-left: var(--v-measure_\.5x);
border-radius: var(--border-radius);
}
.timeline-item.comment.form:not(.issue-content) {
display: flex;
align-items: flex-start;
background-color: var(--color-body);
gap: var(--v-measure_1x);
left: -68px !important;
width: calc(100% + 68px - 16px) !important;
}
@media (max-width: 768px) {
.timeline-item.comment.form:not(.issue-content) {
left: 0 !important;
margin-left: -16px !important;
width: auto !important;
}
}
.timeline-item.comment.form:not(.issue-content) .timeline-avatar {
display: block;
position: relative !important;
left: unset !important;
flex: 0 0 auto !important;
}
.timeline-item.comment.form:not(.issue-content) .content {
display: block;
position: relative !important;
margin-left: 0 !important;
flex: 1;
}
.timeline-item.comment.form:not(.issue-content) .content:before {
display: block;
content: "Add a comment";
font-weight: 600;
margin-bottom: var(--v-measure_1x);
margin-top: var(--v-measure_\.5x);
font-size: var(--v-font-size_lg);
}
.timeline-item.comment.form:not(.issue-content) .content .ui.segment {
padding: 0 !important;
border: none !important;
}
.repository.view.issue {
--avatar-size: 24px;
}
.repository.view.issue .comment-list .ui.comments {
background-color: transparent;
gap: var(--v-measure_1x);
position: relative;
}
.repository.view.issue .comment-list .ui.comment-code-cloud.segment {
padding: 0 var(--v-measure_\.5x) var(--v-measure_\.5x) !important;
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.ui.comments {
gap: var(--v-measure_\.5x);
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.ui.comments:before {
display: block;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--avatar-size) / 2 - 1px);
top: 16px;
width: 3px;
background-color: var(--color-timeline);
opacity: 50%;
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.ui.comments
.comment.code-comment
.content.comment-container {
background-color: transparent !important;
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.ui.comments
.comment.code-comment
.content.comment-container
.header.comment-header
.comment-header-left {
gap: var(--v-measure_\.5x);
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.ui.comments
.comment.code-comment
.content.comment-container
.header.comment-header
.comment-header-left
.avatar
img {
z-index: 1 !important;
width: var(--avatar-size) !important;
height: var(--avatar-size) !important;
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.code-comment-buttons {
margin: 0 !important;
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.comment-form {
margin-top: var(--v-measure_1x);
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.comment-form
.field.footer {
margin: 0 !important;
padding: 0 !important;
}
.repository.view.issue
.comment-list
.ui.comment-code-cloud.segment
.comment-form
.field.footer
button {
padding: var(--v-measure_\.5x) var(--v-measure_1x) !important;
}
.repository .ui.tabs.divider {
margin-bottom: var(--v-measure_1x);
}
.repository .diff-detail-box {
padding: var(--v-measure_\.5x) 0;
height: 60px;
}
.repository.view.issue
.pull.tabs.container
+ div
> .diff-detail-box:first-child {
margin: calc(var(--v-measure_1x) * -1) 0 0 0;
}
.repository #diff-container {
column-gap: var(--v-measure_1x);
}
.repository #diff-container #diff-file-tree {
top: 60px;
}
.repository #diff-container #diff-file-tree .diff-file-tree-items {
margin: 0;
}
.repository
#diff-container
.diff-file-body
tr.tag-code:last-child
td:first-child,
.repository
#diff-container
.diff-file-body
tr.tag-code:last-child
td:first-child
* {
border-bottom-left-radius: calc(var(--border-radius) - 2px);
}
.repository
#diff-container
.diff-file-body
tr.tag-code:last-child
td:last-child,
.repository
#diff-container
.diff-file-body
tr.tag-code:last-child
td:last-child
* {
border-bottom-right-radius: var(--border-radius);
}
.repository
#diff-container
.ui.attached.header.diff-file-header.sticky-2nd-row {
position: sticky;
top: 60px;
z-index: 7;
}
.repository #diff-container .add-comment {
border-top: 1px solid var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.repository
#diff-container
.add-comment
.conversation-holder
.comment-code-cloud {
padding: var(--v-measure_\.75x) !important;
}
.repository
#diff-container
.add-comment
.conversation-holder
.comment-code-cloud
form:not(:first-child) {
margin-top: var(--v-measure_\.5x);
}
.repository
#diff-container
.add-comment
.conversation-holder
.comment-code-cloud
form
.field.footer {
margin: 0 !important;
padding: 0 !important;
}
.repository
#diff-container
.add-comment
.conversation-holder
.comment-code-cloud
form
.field.footer
button {
padding: var(--v-measure_\.5x) var(--v-measure_1x) !important;
}
.page-content.repository.new.issue
.issue-content-left
.ui.comments
.comment
.ui.segment.content {
padding: 6px 0 0;
border: none;
}
.page-content.repository.new.issue
.issue-content-left
.ui.comments
.comment
.ui.segment.content
.field {
margin-bottom: var(--v-measure_1x);
}
.page-content.repository.new.issue
.issue-content-left
.ui.comments
.comment
.ui.segment.content:before,
.page-content.repository.new.issue
.issue-content-left
.ui.comments
.comment
.ui.segment.content:after {
display: none;
}