public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-04-13 09:42:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Customizing theme, long way to go.

Browse source
This commit is contained in:
Samuel Clay 2024-10-24 07:08:16 -07:00
parent 92696473e3
commit 4a8b4f7cb2
5 changed files with 41 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
blog/_config.yml
View file

@ -36,13 +36,14 @@ future: true
# Build settings # Build settings
theme: minima theme: minima
minima:
skin: auto
plugins: plugins:
- jekyll-feed - jekyll-feed
- jekyll-redirect-from - jekyll-redirect-from
- jekyll-paginate - jekyll-paginate
paginate: 10 paginate: 10
paginate_path: "/page:num" paginate_path: "/page:num"
# Exclude from processing. # Exclude from processing.
# The following items will not be processed, by default. # The following items will not be processed, by default.
# Any item listed under the `exclude:` key here will be automatically added to # Any item listed under the `exclude:` key here will be automatically added to

30
blog/_sass/minima/custom-styles.scss
View file

@ -1,2 +1,32 @@
// Placeholder to allow defining custom styles that override everything else. // Placeholder to allow defining custom styles that override everything else.
// (Use `_sass/minima/custom-variables.scss` to override variable defaults) // (Use `_sass/minima/custom-variables.scss` to override variable defaults)
.site-header {
position: sticky;
top: 0;
background-color: $background-color;
// Positioning context for the mobile navigation icon
position: relative;
.wrapper {
display: flex;
align-items: center;
}
}
.post {
img, video {
max-width: 650px;
vertical-align: middle;
display: block;
margin: 24px auto;
}
}
.site-title {
@include relative-font-size(2.125);
font-weight: 600;
line-height: $base-line-height * $base-font-size * 2.25;
}

3
blog/_sass/minima/custom-variables.scss
View file

@ -1 +1,4 @@
// Placeholder to allow overriding predefined variables smoothly. // Placeholder to allow overriding predefined variables smoothly.
$lm-site-title-color: #1b3e63 !default;
$dm-site-title-color: #1b3e63 !default;

2
blog/_sass/minima/initialize.scss
View file

@ -2,7 +2,7 @@
// Define defaults for each variable. // Define defaults for each variable.
$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default; $base-font-family: "Whitney A", "Whitney B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace; $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
$base-font-size: 16px !default; $base-font-size: 16px !default;
$base-font-weight: 400 !default; $base-font-weight: 400 !default;

4
blog/_sass/minima/skins/auto.scss
View file

@ -10,14 +10,14 @@ $color-scheme-dark: false !default;
// Light mode // Light mode
// ---------- // ----------
$lm-brand-color: #828282 !default; $lm-brand-color: #C66426 !default;
$lm-brand-color-light: lighten($lm-brand-color, 40%) !default; $lm-brand-color-light: lighten($lm-brand-color, 40%) !default;
$lm-brand-color-dark: darken($lm-brand-color, 25%) !default; $lm-brand-color-dark: darken($lm-brand-color, 25%) !default;
$lm-site-title-color: $lm-brand-color-dark !default; $lm-site-title-color: $lm-brand-color-dark !default;
$lm-text-color: #111111 !default; $lm-text-color: #111111 !default;
$lm-background-color: #fdfdfd !default; $lm-background-color: #FDFCF3 !default;
$lm-code-background-color: #eeeeff !default; $lm-code-background-color: #eeeeff !default;
$lm-link-base-color: #2a7ae2 !default; $lm-link-base-color: #2a7ae2 !default;