Skip to content

jetbrains.design by mallowigi

Details

Authormallowigi

LicenseNo License

Categoryui

Created

Updated

Size19 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

JetBrains design

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         jetbrains.design
@version      20230715.11.04
@namespace    ?
==/UserStyle== */

@-moz-document domain("jetbrains.design") {
#search-input {
    border-bottom: 1px solid var(--mat-border);
}

::placeholder {
    color: var(--mat-disabled);
}

.dark___3f-4w {
    color: var(--mat-fg);
    background-color: var(--mat-bg);
}

.nav .tree-label:hover {
    background-color: var(--mat-tree);
}

body {
    color: var(--mat-fg);
    background-color: var(--mat-bg);
    font-family: var(--mat-font);
}

codename {
    font-family: var(--mat-mono) color: var(--mat-text);
}

h1 {
    color: var(--mat-fg);
}

h1._color-light {
    color: var(--mat-fg);
}

h2 {
    color: var(--mat-fg);
}

h2._color-light {
    color: var(--mat-fg);
}

h3 {
    color: var(--mat-fg);
}

h3._color-light {
    color: var(--mat-fg);
}

h4 {
    color: var(--mat-fg);
}

h4._color-light {
    color: var(--mat-fg);
}

.link,
a {
    color: var(--mat-link);
}

.link:visited,
a:visited {
    color: var(--mat-link);
}

.link:hover,
a:hover {
    color: var(--mat-primary);
}

.link:active,
.link:focus,
a:active,
a:focus {
    color: var(--mat-primary);
}

.link._external:visited,
.link[data-bypass=yes]:visited,
a._external:visited,
a[data-bypass=yes]:visited {
    color: var(--mat-link);
}

.link._external:active,
.link._external:focus,
.link[data-bypass=yes]:active,
.link[data-bypass=yes]:focus,
a._external:active,
a._external:focus,
a[data-bypass=yes]:active,
a[data-bypass=yes]:focus {
    color: var(--mat-link);
}

hr {
    background-color: var(--mat-border);
}

input,
textarea {
    font-family: var(--mat-font);
}

.footer {
    color: var(--mat-fg);
    background: var(--mat-contrast);
    border-top: 1px solid var(--mat-border);
}

.footer__logo::before {
}

.hamburger__icon,
.hamburger__icon::after,
.hamburger__icon::before {
    background-color: var(--mat-fg);
}

.hamburger._white .hamburger__icon,
.hamburger._white .hamburger__icon::after,
.hamburger._white .hamburger__icon::before {
    background-color: var(--mat-fg);
}

.dropdown__content {
    background-color: var(--mat-bg);
}

.dropdown__trigger-label {
    color: var(--mat-text);
}

.dropdown__trigger-value {
    color: var(--mat-accent);
}

.dropdown__trigger:hover .dropdown__trigger-value {
    color: var(--mat-primary);
}

.dropdown__trigger-glyph {
    color: var(--mat-accent);
}

.dropdown__trigger:hover .dropdown__trigger-glyph {
    color: var(--mat-primary);
}

.dropdown__content {
    color: var(--mat-fg);
}

.dropdown__list-link {
    color: var(--mat-link);
}

.dropdown__list-link:hover {
    color: var(--mat-selectFg);
    background-color: var(--mat-selectBg);
}

.dropdown__list-link--active {
    color: var(--mat-fg);
    background-color: var(--mat-hl);
}

.dropdown__list-link--active:hover {
    background-color: var(--mat-selectBg);
}

.stage-warning__trigger::after {
    border-bottom-color: var(--mat-border);
}

.stage-warning__content {
    color: var(--mat-fg);
    background-color: var(--mat-bg);
    box-shadow: 0 3px 25px 0 rgba(22, 22, 22, .15);
}

.search-overlay {
    background: rgba(0, 0, 0, .75)
}

.search-overlay__input {
    color: var(--mat-selectFg);
}

.search-overlay__loader {
    background-color: var(--mat-bg);
}

.search-overlay__loader--loading {
    background: linear-gradient(to right, var(--mat-bg) 0, transparent 50%, var(--mat-bg) 100%) repeat-x;
}

.search-overlay__button {
    color: var(--mat-fg);
}

.search-overlay__button:hover {
    color: var(--mat-primary);
}

.search-overlay__result:not(:first-child) {
    border-top: solid 1px var(--mat-bg);
}

.search-overlay__title {
    color: var(--mat-fg);
}

.search-overlay__title:focus,
.search-overlay__title:hover,
.search-overlay__title:visited {
    color: var(--mat-selectFg);
}

.search-overlay__link {
    color: var(--mat-link);
}

.search-overlay__link:focus,
.search-overlay__link:hover,
.search-overlay__link:visited {
    color: var(--mat-selectFg);
}

.search-overlay__snippet {
    color: var(--mat-fg);
}

.header {
    color: var(--mat-fg);
}

.header a {
    color: var(--mat-fg);
}

.header__download {
    color: var(--mat-accent);
}

.header__download:visited {
    color: var(--mat-accent);
}

.header__download:hover {
    color: var(--mat-selectFg);
}

.header__search-button {
    color: var(--mat-fg);
    background-color: var(--mat-button);
}

.header__search-button--close {
    color: var(--mat-fg);
    background-color: var(--mat-button);
    fill: var(--mat-fg);
}

code:not([data-lang]) {
    font-family: var(--mat-mono);
    color: var(--mat-fg);
    background: var(--mat-contrast);
}

.code-block__copy-button,
.code-block__wrapper {
    font-family: var(--mat-mono);
}

.code-block {
    color: var(--mat-fg);
}

.code-block .lineno {
    color: var(--mat-text);
}

.code-block .o,
.code-block .p {
    color: var(--mat-operator);
}

.code-block .ow {
    color: #859900
}

.code-block .g,
.code-block .w {
    color: #93a1a1
}

.code-block .gd {
    color: #2aa198
}

.code-block .ge {
    color: #93a1a1;
    font-style: italic
}

.code-block .gr {
    color: #dc322f
}

.code-block .gh {
    color: #cb4b16
}

.code-block .gi {
    color: #859900
}

.code-block .go,
.code-block .gp {
    color: #93a1a1
}

.code-block .gs {
    color: #93a1a1;
    font-weight: 500
}

.code-block .gu {
    color: #cb4b16
}

.code-block .gt {
    color: #93a1a1
}

.code-block .k,
.code-block .kc,
.code-block .kd,
.code-block .kn,
.code-block .kr,
.code-block .kt {
    color: #0037B3;
    font-weight: 500
}

.code-block .l,
.code-block .ld {
    color: #93a1a1
}

.code-block .il,
.code-block .m,
.code-block .mf,
.code-block .mh,
.code-block .mi {
    color: #00F
}

.code-block .s,
.code-block .s1,
.code-block .sc,
.code-block .sd,
.code-block .ss {
    color: #009C00
}

.code-block .mo {
    color: #2aa198
}

.code-block .sb {
    color: #586e75
}

.code-block .s2 {
    color: #2aa198
}

.code-block .code-block[data-lang=Shell] .se,
.code-block .se {
    color: #000
}

.code-block .sh {
    color: #93a1a1
}

.code-block .si,
.code-block .sx {
    color: #2aa198
}

.code-block .sr {
    color: #dc322f
}

.code-block .n {
    color: #000
}

.code-block .na {
    color: #00f
}

.code-block .nb {
    color: #0037b3
}

.code-block .nc {
    color: var(--mat-attribute);
}

.code-block .no {
    color: #660e7a
}

.code-block .nd {
    color: olive
}

.code-block .ne,
.code-block .ni {
    color: #cb4b16
}

.code-block .nf {
    color: #000
}

.code-block .nl {
    color: #93a1a1
}

.code-block .nn {
    color: #000
}

.code-block .nx,
.code-block .py {
    color: #93a1a1
}

.code-block .nt {
    color: navy
}

.code-block .bp,
.code-block .nv {
    color: #000
}

.code-block .vc,
.code-block .vg,
.code-block .vi {
    color: #660e7a
}

.code-block .c,
.code-block .c1,
.code-block .cm {
    color: grey
}

.code-block .cp,
.code-block .cs {
    color: #859900
}

.code-block .err {
    color: var(--mat-error);
}

.code-block__wrapper {
    background: var(--mat-contrast);
    color: var(--mat-fg);
    border-color: var(--mat-border);
}

.react-tabs {
    border-top: 1px solid var(--mat-border);
}

.react-tabs .react-tabs__tab-list {
    border-bottom: solid 1px var(--mat-border);
}

.react-tabs .react-tabs__tab-list .react-tabs__tab {
    color: var(--mat-accent);
}

.react-tabs .react-tabs__tab-list .react-tabs__tab:hover {
    color: var(--mat-primary);
}

.react-tabs .react-tabs__tab-list .react-tabs__tab--selected {
    border-bottom: solid 4px var(--mat-border);
    color: var(--mat-fg);
}

.react-tabs .react-tabs__tab-list .react-tabs__tab--selected:hover {
    color: var(--mat-selectFg);
}

.react-tabs .react-tabs__tab-list .react-tabs__tab:focus {
    border-color: var(--mat-accent);
    box-shadow: 0 0 5px var(--mat-accent);
}

.react-tabs__tab-panel {
    background-color: var(--mat-contrast);
}


.react-tabs__tab-panel--disabled {
    color: var(--mat-disabled);
}

.action-circle__background-figure {
    fill: var(--mat-text);
}

.action-circle:active .action-circle__background-figure {
    fill: var(--mat-accent);
}

.action-circle__front-figure {
    stroke: var(--mat-selectFg);
}

.action-circle__content {
    color: var(--mat-selectFg);
    ;
}



.light-box__overlay {
    background: var(--mat-bg);
}

.light-box__content {
    background-color: var(--mat-bg);
}

.light-box__close-button:hover {
    background: 50% no-repeat var(--mat-bg);
}

kbd {
    background-color: var(--mat-button);
    border: 1px solid var(--mat-button);
}

kbd.highlight {
    background-color: var(--mat-primary);
}

.navigation-links {
    border-bottom: 1px solid var(--mat-border);
}

.article .block .paragraphAnchor {
    color: var(--mat-text);
}


.article mark {
    color: var(--mat-text);
    background: var(--mat-hl);
}

.article .emphasis {
    color: var(--mat-accent);
}


.article .incorrect {
    color: var(--mat-error);
}

.article .correct {
    color: var(--mat-green);
}

.article .table-line {
    border-bottom: 1px solid var(--mat-border);
}

.article .table-line-vertical {
    border-right: 1px solid var(--mat-border);
}

.navigation-links__next,
.navigation-links__prev {
    color: var(--mat-link);
}

.navigation-links__next::before,
.navigation-links__prev::before {
    color: var(--mat-text);
}

.navigation-links__next:visited,
.navigation-links__prev:visited {
    color: var(--mat-link);
}

.navigation-links__next:hover,
.navigation-links__prev:hover {
    color: var(--mat-selectFg);
}


.navigation-links {
    border-top: 1px solid var(--mat-border);
}

.article li::before,
.list__item::before {
    color: var(--mat-disabled);
}

.searchInner___219fF {
    background-color: var(--mat-contrast);
  border: 2px solid var(--mat-button);
}

.toggle___2_4sT,
.toggle___2_4sT.dark___1O7rB {
    color: var(--mat-accent) !important;
}
img {
    color: var(--mat-fg);
    border-radius: 10px;
    padding: 8px;
}

img + em {
    color: var(--mat-text);
}

.note,
.tip,
.todo,
.war...

Reviews

No reviews yet.