Salsify/front-ui-tweaker
1
0
Fork 0
Code Issues 4 Pull Requests 3 Packages Projects Releases Wiki Activity

feat: ⚡ Whiten the Confluence and Jira headers like the one of Salsify.

Browse Source
This commit is contained in:
scar 2022-10-05 16:57:20 +02:00
parent 7f7d75d28d
commit b130a69468
1 changed files with 54 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
alkemics confluence.css Normal file
View File

@ -0,0 +1,54 @@
@-moz-document domain("alkemics.atlassian.net") {
/* Alkemics Logos */
img[alt="Custom logo"], img.css-1hb0n4g {
filter: invert(1) hue-rotate(180deg);
max-width: 90px !important;
position: relative;
left: 6px;
}
.css-1qtw0hy, .css-zwjaeb {
transition: transform .2s;
}
.css-1qtw0hy:hover, .css-zwjaeb:hover {
background: initial;
transform: scale(1.1);
}
/* Header itself */
header.css-1cychdt, header.css-6hmkez {
background-color: var(--ds-surface, #FFFFFF) !important;
color: var(--ds-text-subtlest, #6B778C) !important;
}
/* Buttons */
.css-kve6ut, .css-13bvg1k, .css-1kj55cl, .css-413l0e, .css-1jxgs6o {
background-color: transparent !important;
color: var(--ds-text-subtle, #344563) !important;
}
.css-10mdjbw, .css-1ybrxj4, .css-1skwa4f, .css-1ybrxj4:active, .css-doss7v, .css-vp2hxp, .css-1dp89g8, .css-iig378 {
color: var(--ds-text-subtle, #0052CC) !important;
background-color: var(--ds-background-neutral-hovered, rgba(222, 235, 255, 0.9)) !important;
}
.css-o9fpps, .css-gory0e, .css-jxyy9u, .css-vwrzum, .css-1kj55cl {
color: var(--ds-text-subtle, #0052CC) !important;
background-color: var(--ds-background-neutral-pressed, rgba(222, 235, 255, 0.7)) !important;
}
.css-6fxxam, .css-1yofrci {
border: 2px solid var(--ds-border, #DFE1E6);
box-shadow: none;
background-color: var(--ds-surface, #FFFFFF);
color: var(--ds-text-subtlest, #6B778C);
}
/* Some SVG icons in the header */
.css-pxzk9z > svg {
fill: white !important;
}
.css-hakgx8 > svg {
fill: var(--ds-text-subtlest, #6B778C) !important;
}
/* Search box */
.css-41z9ik, .css-1dy4npw {
box-shadow: none;
}
.css-6fxxam::placeholder, .css-1dy4npw::placeholder {
color: var(--ds-text-subtlest, #6B778C);
}
}