oleh/olehomelchenko.com
1
0
Fork 0
mirror of https://github.com/olehomelchenko/olehomelchenko.com.git synced 2026-02-05 02:54:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: custom theme

Browse Source
This commit is contained in:
Oleh Omelchenko
2026-01-10 05:15:42 +02:00
parent 6286672fa5
commit ccf76a5616
13 changed files with 644 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
scss/_components.scss Normal file
View File

@@ -0,0 +1,100 @@
// Navbar styling
.navbar {
background-color: var(--color-background) !important;
border-bottom: 2px solid var(--color-text);
.navbar-brand {
color: var(--color-text) !important;
font-family: $headings-font-family;
font-weight: 600;
}
.navbar-nav .nav-link {
color: var(--color-text) !important;
&:hover {
color: var(--color-primary-blue) !important;
}
&.active {
color: var(--color-primary-blue) !important;
}
}
}
// Footer
.nav-footer {
background-color: var(--color-background);
border-top: 2px solid var(--color-text);
color: var(--color-text);
a {
color: var(--color-primary-blue);
}
}
// Buttons
.btn-primary {
background-color: var(--color-primary-blue);
border-color: var(--color-primary-blue);
color: white;
&:hover {
background-color: #{darken($primary-blue, 10%)};
border-color: #{darken($primary-blue, 10%)};
}
}
.btn-secondary {
background-color: var(--color-primary-yellow);
border-color: var(--color-primary-yellow);
color: var(--color-text);
&:hover {
background-color: #{darken($primary-yellow, 10%)};
border-color: #{darken($primary-yellow, 10%)};
}
}
// Code blocks
pre.sourceCode {
background-color: rgba(45, 42, 38, 0.05);
border: 1px solid rgba(45, 42, 38, 0.1);
padding: 1em;
}
code.sourceCode {
color: var(--color-text);
}
// Quarto title block
.quarto-title-block {
border-bottom: 2px solid var(--color-text);
margin-bottom: 2rem;
.quarto-title .title {
font-family: $headings-font-family;
color: var(--color-text);
}
}
// Listing pages
.quarto-listing-default {
.listing-item {
border: 1px solid rgba(45, 42, 38, 0.2);
padding: 1rem;
margin-bottom: 1rem;
&:hover {
border-color: var(--color-primary-blue);
}
}
.listing-title a {
color: var(--color-text);
&:hover {
color: var(--color-primary-blue);
}
}
}