☰

Jira: better inline code formatting

Adds a border and a background to monospace text, making it easier to read.

  1. /* ==UserStyle==
  2. @name         Jira: better inline code formatting
  3. @description  Adds a border and a background to monospace text, making it easier to read.
  4. @author       Andrei Rybak
  5. @homepageURL  https://github.com/rybak/atlassian-tweaks
  6. @license      MIT
  7. @namespace    https://github.com/rybak/atlassian-tweaks
  8. @preprocessor uso
  9. @var text yourDomain "Your Jira domain" "jira.example.com"
  10. @var text yourDomain2 "Your 2nd Jira domain" "jira.example.com"
  11. @version      15
  12. ==/UserStyle== */
  13.  
  14. /*
  15.  * Copyright (c) 2021-2024 Andrei Rybak
  16.  *
  17.  * Permission is hereby granted, free of charge, to any person obtaining a copy
  18.  * of this software and associated documentation files (the "Software"), to deal
  19.  * in the Software without restriction, including without limitation the rights
  20.  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  21.  * copies of the Software, and to permit persons to whom the Software is
  22.  * furnished to do so, subject to the following conditions:
  23.  *
  24.  * The above copyright notice and this permission notice shall be included in all
  25.  * copies or substantial portions of the Software.
  26.  *
  27.  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  28.  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  29.  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  30.  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  31.  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  32.  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  33.  * SOFTWARE.
  34.  */
  35.  
  36. @-moz-document url-prefix("https://jira"), domain(/*[[yourDomain]]*/), domain(/*[[yourDomain2]]*/) {
  37. 	#descriptionmodule tt,
  38. 	.wiki-edit tt,
  39. 	.flooded tt,
  40. 	.activity-item tt,
  41. 	.comment-item__action-body--container tt,
  42. 	span.monospace,
  43. 	.mce-content-body tt,
  44. 	code.code.css-z5oxh7,
  45. 	.ak-editor-content-area.css-jkbmih span.code,
  46. 	code.c-mrkdwn__code {
  47. 		background-color: #f8f9fa;
  48. 		color: #000;
  49. 		padding: .1em .3em;
  50. 		border: 1px solid #eaecf0;
  51. 		border-radius: 2px;
  52. 	}
  53.  
  54. 	body[data-version^="8."] #descriptionmodule tt,
  55. 	body[data-version^="8."] .wiki-edit tt,
  56. 	body[data-version^="8."] .flooded tt {
  57. 		line-height: 160%;
  58. 	}
  59.  
  60. 	html[data-color-mode="dark"][data-theme~="dark:dark"] #descriptionmodule tt,
  61. 	html[data-color-mode="dark"][data-theme~="dark:dark"] .wiki-edit tt,
  62. 	html[data-color-mode="dark"][data-theme~="dark:dark"] .flooded tt,
  63. 	html[data-color-mode="dark"][data-theme~="dark:dark"] .comment-item__action-body--container tt,
  64. 	html[data-color-mode="dark"][data-theme~="dark:dark"] span.monospace,
  65. 	html[data-color-mode="dark"][data-theme~="dark:dark"] .mce-content-body tt,
  66. 	html[data-color-mode="dark"][data-theme~="dark:dark"] code.code.css-z5oxh7,
  67. 	html[data-color-mode="dark"][data-theme~="dark:dark"] .ak-editor-content-area.css-jkbmih span.code,
  68. 	html[data-color-mode="dark"][data-theme~="dark:dark"] code.c-mrkdwn__code {
  69. 		background-color: rgb(29, 33, 37);
  70. 		color: #fff;
  71. 		border-color: #A6C5E229;
  72. 	}
  73. }