Adds a border and a background to monospace text, making it easier to read.
Confluence: better monospace by rybak
Imported and mirrored from https://github.com/rybak/atlassian-tweaks/raw/main/confluence-better-monospace.user.css
Details
Authorrybak
LicenseMIT
Categoryconfluence
Created
Updated
Size2.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This style adds a border and a background to monospace text, making it easier to distinguish from surrounding text.
This style supports both Confluence Server and Confluence Cloud.
Instructions
The style uses @url-prefix
rules to work on any domain that starts with the word confluence. If your Confluence instance uses a domain which doesn't start with the word confluence, you'll have to manually add your custom domain. Up-to-date instructions are at https://github.com/rybak/atlassian-tweaks#custom-domains
Other userstyles
- Bitbucket: readable commit messages
- Bitbucket: header color
- Bitbucket: fix breadcrumbs selection
- Bitbucket: hide banner
- Bitbucket: fast and furious
- Confluence: better monospace
- Confluence: hide banner
- Confluence: Simple Floating ToC
- Jira: better inline code formatting
See also
- GitHub repository with userstyles and userscripts for Bitbucket, Jira, and Confluence. Pull requests are welcome: https://github.com/rybak/atlassian-tweaks
- Userscripts published on Greasy Fork: https://greasyfork.org/en/scripts?language=all&set=585074
Source code
/* ==UserStyle==
@name Confluence: better monospace
@description Adds a border and a background to monospace text, making it easier to read.
@author Andrei Rybak
@homepageURL https://github.com/rybak/atlassian-tweaks
@license MIT
@namespace https://github.com/rybak/atlassian-tweaks
@preprocessor uso
@var text yourDomain "Your Confluence domain" "confluence.example.com"
@var text yourDomain2 "Your 2nd Confluence domain" "confluence.example.com"
@version 7
==/UserStyle== */
/*
* Copyright (c) 2021-2023 Andrei Rybak
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
@-moz-document url-prefix("https://confluence"), domain(/*[[yourDomain]]*/), domain(/*[[yourDomain2]]*/) {
/* Better monospace */
/* Selector for Confluence Server */
code:not([class]),
/* Selectors for Confluence Cloud. One for reading and one for editing. */
code.code.cc-1o5d2cw,
#ak-editor-textarea span.code {
color: #000;
background-color: #f8f9fa;
border: 1px solid #eaecf0;
border-radius: 2px;
padding: 1px 4px;
}
html[data-color-mode="dark"] code.code.cc-1o5d2cw,
html[data-color-mode="dark"] #ak-editor-textarea span.code {
background-color: rgb(29, 33, 37);
color: #fff;
border-color: #A6C5E229;
}
}