JetBrains design
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
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...