Skip to content

Instantly share code, notes, and snippets.

@starlocke
Last active October 22, 2021 14:29
Show Gist options
  • Save starlocke/c5f6b4d9384c29aef82bc1312fc53068 to your computer and use it in GitHub Desktop.
Save starlocke/c5f6b4d9384c29aef82bc1312fc53068 to your computer and use it in GitHub Desktop.
Confluence and JIRA UI/UX upgrades
/* Headlings become far more distinct, when viewing pages */
/* Use a browser extension such as 'Stylish' to inject these custom styles */
/* Victor Mono font: https://rubjo.github.io/victor-mono/ */
#main-content h1, #confluence-ui h1 {
font-family: 'Victor Mono', monospace;
font-style: italic;
font-weight: bold;
color: crimson;
}
#main-content h2, #confluence-ui h2 {
font-family: 'Victor Mono', monospace;
font-style: italic;
font-weight: bold;
color: forestgreen;
}
#main-content h3, #confluence-ui h3 {
font-family: 'Victor Mono', monospace;
font-style: italic;
font-weight: bold;
color: royalblue;
}
#main-content h4, #confluence-ui h4 {
font-family: 'Victor Mono', monospace;
font-style: italic;
font-weight: bold;
text-decoration: underline;
color: crimson;
}
#main-content h5, #confluence-ui h5 {
font-family: 'Victor Mono', monospace;
font-style: italic;
font-weight: bold;
text-decoration: underline;
color: forestgreen;
}
#main-content h6, #confluence-ui h6 {
font-family: 'Victor Mono', monospace;
font-style: italic;
font-weight: bold;
text-decoration: underline;
color: royalblue;
}
/* Priorities on Kanban style boards stand out better at a glance */
/* Use a browser extension such as 'Stylish' to inject these custom styles */
img[src*="highest.svg"] {
background-color: #e55;
border: 2px solid red;
margin-left: -2px;
}
img[src*="high.svg"] {
background-color: #faa;
border: 2px dotted blue;
margin-left: -2px;
}
img[src*="medium.svg"] {
background-color: yellow;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment