Skip to content

Instantly share code, notes, and snippets.

@trailjeep
Forked from TaylanTatli/Custom CSS.css
Created March 6, 2024 14:29
Show Gist options
  • Save trailjeep/a3bfb39b5961a86f1d814bd6ccc6f030 to your computer and use it in GitHub Desktop.
Save trailjeep/a3bfb39b5961a86f1d814bd6ccc6f030 to your computer and use it in GitHub Desktop.
Miniflux Custom CSS
:root {
--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--body-color: rgba(255, 255, 255, 0.7);
--body-background: #282c34;
--header-link-color: #9b9494;
--header-active-link-color: #d19a66;
--input-border: 1px solid #2c384e;
--input-background: #2c384e;
--input-placeholder-color: #888;
--input-focus-border-color: #d19a66;
--input-focus-box-shadow: none;
--category-background-color: #2c384e;
--category-border-color: #2c384e;
--item-border-color: rgba(0, 0, 0, .3);
--item-padding: 1em;
--item-title-link-font-weight: 600;
--item-status-read-title-link-color: rgba(209, 154, 102, 0.5);
--entry-header-title-link-color: #d19a66;
--entry-content-code-background: #2c384e;
--entry-content-code-border-color: #2c384e;
--entry-content-font-weight: 300;
--entry-content-font-family: 'Literata', 'Libre Baskerville', Georgia, 'Times New Roman', Times, serif !important;
--entry-content-quote-font-family: var(--entry-content-font-family)
}
*:focus {
outline: 0 !important;
}
input[type="search"],
input[type="url"],
input[type="password"],
input[type="text"],
input[type="number"] {
padding: .25em .5em;
box-shadow: none;
border-radius: 6px;
}
.entry header h1 {
margin: 1em 0 16px;
}
.entry-actions {
opacity: .5;
}
.entry-meta {
color: #98be65;
}
.entry-website a {
color: #c678dd;
}
.entry-date {
font-size: .75em;
color: rgba(255, 255, 255, 0.4);
}
.entry-actions li a {
font-weight: bold;
color: #9b9494;
}
.entry-actions li a:hover {
font-weight: bold;
color: white;
}
.entry header h1 a:hover,
.entry header h1 a:focus {
color: #d19a66;
text-decoration: underline;
}
.pagination-top {
display: none;
}
.entry-content {
line-height: 2;
padding-top: 2em;
}
.entry-content p {
margin-top: 0;
margin-bottom: 1em;
}
.entry-content a {
color: #c678dd;
}
.entry-content a:visited {
color: #dd7890;
}
.entry-content img {
width: 100%;
margin: 0 auto;
}
.entry-content figcaption {
color: #c678dd;
background-color: rgba(0, 0, 0, .3);
margin-top: -7px;
border-radius: 0 0 4px 4px;
padding: 0.25rem 1rem;
text-transform: unset;
}
.entry-content pre {
padding: .5rem 1rem;
border-radius: 6px;
margin: 0 0 1em;
}
.entry-content code {
padding: 3px;
border-radius: 6px;
}
.item,
.alert {
border: 1px solid var(--item-border-color);
margin-bottom: 20px;
background: rgba(0, 0, 0, .3);
border-radius: 6px;
}
.item-title a {
color: #d19a66;
}
.item-meta-info {
padding-top: 2px;
}
.item-meta-info li a {
color: #c678dd;
}
.item-meta-info li time {
color: #98be65;
}
.item-meta-info li span {
color: #61afef;
}
.entry-content li {
margin: .75em 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment