Skip to content

Instantly share code, notes, and snippets.

@francoisjacques
Last active April 5, 2024 16:34
Show Gist options
  • Save francoisjacques/1382230d69557643ba50f1175dd42cf8 to your computer and use it in GitHub Desktop.
Save francoisjacques/1382230d69557643ba50f1175dd42cf8 to your computer and use it in GitHub Desktop.
Reviewable CSS - earlAchromatic/reviewable-custom-styles/no-waves.css + line numbers + deuteranopia/protonopia
/* Deuteranopia/Protanopia */
:root {
--diff-add: 33, 150, 243;
--diff-remove: 255, 235, 59;
}
/* no waves */
.review-page .file.root .file .wavy.edge {
background-image: none;
}
.review-page .file.root .file .top.wavy.edge {
margin-top: 1em;
margin-bottom: -0.5em;
}
.review-page .file.root .file .bottom.wavy.edge {
margin-bottom: 0.5em;
}
.review-page .file.root .file .declaration.include {
padding-top: 1em;
}
/* line-numbers */
div[data-line-number]:not([data-line-number="0"]):before {
content:attr(data-line-number);
position:absolute;
color: #444; /* line number text color */
padding: 1px 3px 3px;
font-size: x-small;
display: block;
width: 20px;
text-align: right;
}
div[data-line-number]:not([data-line-number="0"]) div.hljs {
margin-left: 26px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment