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
This commit is contained in:
Avijit Gupta
2021-08-08 17:03:43 +02:00
committed by GitHub
parent 078b6499b3
commit e7724a9726
18 changed files with 18 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

View File

@@ -26,19 +26,19 @@ Gokarna is an opinionated theme with a focus on minimalism and simplicity.
Light Mode | Dark Mode Light Mode | Dark Mode
:-------------------------:|:-------------------------: :-------------------------:|:-------------------------:
![Light mode](/.project/screenshot-light-home.png "Light mode") | ![Dark mode](/.project/screenshot-dark-home.png "Dark mode") ![Light mode](/images/screenshot-light-home.png "Light mode") | ![Dark mode](/images/screenshot-dark-home.png "Dark mode")
### Post page ### Post page
Light Mode | Dark Mode Light Mode | Dark Mode
:-------------------------:|:-------------------------: :-------------------------:|:-------------------------:
![Light mode](/.project/screenshot-light-post.png "Light mode") | ![Dark mode](/.project/screenshot-dark-post.png "Dark mode") ![Light mode](/images/screenshot-light-post.png "Light mode") | ![Dark mode](/images/screenshot-dark-post.png "Dark mode")
### List page ### List page
Light Mode | Dark Mode Light Mode | Dark Mode
:-------------------------:|:-------------------------: :-------------------------:|:-------------------------:
![Light mode](/.project/screenshot-light-list.png "Light mode") | ![Dark mode](/.project/screenshot-dark-list.png "Dark mode") ![Light mode](/images/screenshot-light-list.png "Light mode") | ![Dark mode](/images/screenshot-dark-list.png "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.
![Gokarna](/.project/gokarna.jpg) ![Gokarna](/images/gokarna.jpg)
## LICENSE ## LICENSE

View File

@@ -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"

View File

Before

Width:  |  Height:  |  Size: 5.9 MiB

After

Width:  |  Height:  |  Size: 5.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 373 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 268 KiB

BIN
images/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 KiB

View File

@@ -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);
} }

View File

@@ -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));