Add colors and update screenshots (#44)
* Add colors and update screenshots * Update SS links * Add empty line and fix dark secondary color * Fix ss aspect ratio and example site url
|
Before Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 112 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 84 KiB |
@@ -26,19 +26,19 @@ Gokarna is an opinionated theme with a focus on minimalism and simplicity.
|
|||||||
|
|
||||||
Light Mode | Dark Mode
|
Light Mode | Dark Mode
|
||||||
:-------------------------:|:-------------------------:
|
:-------------------------:|:-------------------------:
|
||||||
 | 
|
 | 
|
||||||
|
|
||||||
### Post page
|
### Post page
|
||||||
|
|
||||||
Light Mode | Dark Mode
|
Light Mode | Dark Mode
|
||||||
:-------------------------:|:-------------------------:
|
:-------------------------:|:-------------------------:
|
||||||
 | 
|
 | 
|
||||||
|
|
||||||
### List page
|
### List page
|
||||||
|
|
||||||
Light Mode | Dark Mode
|
Light Mode | Dark Mode
|
||||||
:-------------------------:|:-------------------------:
|
:-------------------------:|:-------------------------:
|
||||||
 | 
|
 | 
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -67,7 +67,7 @@ For a complete guide on customization, please go through our [basic](https://gok
|
|||||||
|
|
||||||
The theme is inspired by and accordingly named after [Gokarna](https://en.wikipedia.org/wiki/Gokarna,_Karnataka), a small and peaceful beach town on the west coast on India.
|
The theme is inspired by and accordingly named after [Gokarna](https://en.wikipedia.org/wiki/Gokarna,_Karnataka), a small and peaceful beach town on the west coast on India.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## LICENSE
|
## LICENSE
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
baseURL = "http://www.example.com"
|
baseURL = "https://gokarna-hugo.netlify.app"
|
||||||
title = "Gokarna"
|
title = "Gokarna"
|
||||||
theme = "gokarna"
|
theme = "gokarna"
|
||||||
languageCode = "en"
|
languageCode = "en"
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 5.9 MiB After Width: | Height: | Size: 5.9 MiB |
BIN
images/screenshot-dark-home.png
Normal file
|
After Width: | Height: | Size: 373 KiB |
BIN
images/screenshot-dark-list.png
Normal file
|
After Width: | Height: | Size: 226 KiB |
BIN
images/screenshot-dark-post.png
Normal file
|
After Width: | Height: | Size: 288 KiB |
BIN
images/screenshot-light-home.png
Normal file
|
After Width: | Height: | Size: 358 KiB |
BIN
images/screenshot-light-list.png
Normal file
|
After Width: | Height: | Size: 208 KiB |
BIN
images/screenshot-light-post.png
Normal file
|
After Width: | Height: | Size: 268 KiB |
BIN
images/screenshot.png
Normal file
|
After Width: | Height: | Size: 336 KiB |
@@ -1,7 +1,7 @@
|
|||||||
:root {
|
:root {
|
||||||
--dark-primary-color: 18, 18, 18;
|
--dark-primary-color: 32, 32, 32;
|
||||||
--dark-text-color: white;
|
--dark-text-color: white;
|
||||||
--dark-secondary-color: #444444;
|
--dark-secondary-color: #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
@@ -45,6 +45,7 @@ a:hover .feather-moon {
|
|||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
|
color: darkgrey;
|
||||||
border-left-color: var(--dark-secondary-color);
|
border-left-color: var(--dark-secondary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -6,8 +6,16 @@
|
|||||||
--light-text-color: black;
|
--light-text-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face { font-family: Jost; src: url('/fonts/Jost-Regular.ttf'); }
|
@font-face {
|
||||||
@font-face { font-family: Jost; font-weight: 700; src: url('/fonts/Jost-Bold.ttf');}
|
font-family: Jost;
|
||||||
|
src: url("/fonts/Jost-Regular.ttf");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Jost;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url("/fonts/Jost-Bold.ttf");
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background-color: rgb(var(--light-primary-color));
|
background-color: rgb(var(--light-primary-color));
|
||||||
|
|||||||