Skip to content

Commit 25f2e02

Browse files
AndebugulinAndebugulin
committed
theme
1 parent 1fbcefc commit 25f2e02

File tree

3 files changed

+49
-48
lines changed

3 files changed

+49
-48
lines changed

‎_config.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ navbar_fixed: true
4949
footer_fixed: true
5050

5151
# Dimensions
52-
max_width: 900px
52+
max_width: 1000px
5353

5454
# TODO: add layout settings (single page vs. multi-page)
5555

‎_pages/about.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,15 @@ social: true # includes social icons at the bottom of the page
1919
```arduino
2020
$ whoami
2121
```
22-
I am him. A passionate software developer and student at XAMK, Finland 🇫🇮
22+
A passionate software developer and student at XAMK, Finland 🇫🇮
2323

24-
I'm exploring software engineering and artificial intelligence, low level programming and linux, with a special love for the open-source community and great music.
24+
I'm learning computer science, low level programming and linux, love the open-source and great music.
2525

2626
```arduino
2727
$ vim interests
2828
```
29-
Outside the box, you’ll find me living an active lifestyle, just reading or doing sports. I run <span style="color: #CBC3E3;">Arch Linux</span> on a <span style="color: #CBC3E3;">cool, eficient Hyprland</span> desktop, I enjoy the concept of efficiency, customization, and availability, but of course, healthy and active lifestyle is my priority.
29+
30+
You’ll find me living, doing bunch of sports, just enjoying life. I run <span style="color: #CBC3E3;">Arch Linux</span> on a <span style="color: #CBC3E3;"> Hyprland</span> desktop, I enjoy the concept of customization, and availability, I like music a lot and all kinds of sports.
3031

3132

3233

‎_sass/_themes.scss

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,34 @@
11
/*******************************************************************************
22
* Themes
33
******************************************************************************/
4-
:root {
5-
--global-bg-color: #000000; /* Black background, providing a sleek, modern canvas */
6-
--global-code-bg-color: #131314; /* Slightly lighter black for code blocks, ensuring subtle contrast */
7-
--global-text-color: #E5E5EA; /* Soft white for general text, ensuring readability */
8-
--global-text-color-light: #A3A3A3; /* Muted light gray for secondary text, blending seamlessly */
9-
--global-theme-color: #43B758; /* Sea green for key accents, inspired by programming themes */
10-
--global-hover-color: #276637; /* Slightly darker green for hover states, enhancing interactivity */
11-
--global-hover-text-color: #A1ECA5; /* Light green for hover text, maintaining the fresh, clean aesthetic */
12-
--global-footer-bg-color: #1C1D1F; /* Deep gray for the footer, consistent with the overall dark theme */
13-
--global-footer-text-color: #8E8E93; /* Light gray for footer text, ensuring readability */
14-
--global-footer-link-color: #2F8040; /* Consistent sea green for footer links, maintaining cohesiveness */
15-
--global-distill-app-color: #94a4c8; /* Dark gray for subdued elements, like comments or less important UI */
16-
--global-divider-color: #2C2C2E; /* Medium-dark gray for dividers, offering subtle separation */
17-
--global-card-bg-color: #1C1D1F; /* Dark charcoal for card backgrounds, ensuring they blend with the theme */
18-
--global-tip-block: #2F8040; /* Sea green for tips, offering a fresh, noticeable highlight */
19-
--global-tip-block-bg: #1C1D1F; /* Dark muted green for tips, creating a soft contrast */
20-
--global-tip-block-text: #D1EED1; /* Soft green for tip text, ensuring it stands out */
21-
--global-tip-block-title: #2F8040; /* Consistent green for tip titles */
22-
--global-warning-block: #FF9500; /* Orange for warnings, clear and professional */
23-
--global-warning-block-bg: #4B3721; /* Dark muted orange for warning backgrounds, providing balance */
24-
--global-warning-block-text: #FFCC99; /* Light orange for warning text, maintaining readability */
25-
--global-warning-block-title: #FF9500; /* Consistent amber for warning titles */
26-
--global-danger-block: #FF3B30; /* Red for errors, signaling urgency with sophistication */
4+
:root { --global-bg-color: #0A0A0A; /* Deep black for a sleek, modern base */
5+
--global-code-bg-color: #1A1A1A; /* Slightly lighter black for code blocks */
6+
--global-text-color: #F0F0F5; /* Crisp white for primary text */
7+
--global-text-color-light: #B0B0B5; /* Soft gray for secondary text */
8+
--global-theme-color: #104f32; /* Neon green for accents (geeky and futuristic) */
9+
--global-hover-color: #1a3f2e; /* Slightly darker green for hover states */
10+
--global-hover-text-color: #165436; /* Light green for hover text */
11+
--global-footer-bg-color: #1E1E1E; /* Deep gray for the footer */
12+
--global-footer-text-color: #8E8E93; /* Light gray for footer text */
13+
--global-footer-link-color: #1c4a34b4; /* Neon green for footer links */
14+
--global-distill-app-color: #6D83F2; /* Soft blue for subdued elements */
15+
--global-divider-color: #333333; /* Subtle gray for dividers */
16+
--global-card-bg-color: #1E1E1E; /* Dark gray for card backgrounds */
17+
--global-tip-block: #23754f; /* Neon green for tips */
18+
--global-tip-block-bg: #1E1E1E; /* Dark gray for tip backgrounds */
19+
--global-tip-block-text: #B0FFD9; /* Light green for tip text */
20+
--global-tip-block-title: #00FF88; /* Neon green for tip titles */
21+
--global-warning-block: #FFA726; /* Vibrant orange for warnings */
22+
--global-warning-block-bg: #4B3721; /* Dark muted orange for warning backgrounds */
23+
--global-warning-block-text: #FFE0B2; /* Light orange for warning text */
24+
--global-warning-block-title: #FFA726; /* Orange for warning titles */
25+
--global-danger-block: #FF5252; /* Bright red for errors */
2726
--global-danger-block-bg: #3B1F1F; /* Dark muted red for danger backgrounds */
28-
--global-danger-block-text: #FF9A9A; /* Soft red for error text, keeping the alert noticeable */
29-
--global-danger-block-title: #FF3B30; /* Vivid red for error titles */
30-
--global-cv-text: #D1D5DA; /* Light gray for CV text, balancing professionalism and readability */
31-
--global-page-link-color: #2F8040; /* Sea green for links, ensuring they stand out */
32-
--global-page-link-hover-color: #276637; /* Slightly darker green for hovered links, maintaining interactivity */
27+
--global-danger-block-text: #FF9A9A; /* Soft red for error text */
28+
--global-danger-block-title: #FF5252; /* Bright red for error titles */
29+
--global-cv-text: #D1D5DA; /* Light gray for CV text */
30+
--global-page-link-color: #1f6544; /* Neon green for links */
31+
--global-page-link-hover-color: #1c4632; /* Slightly darker green for hovered links */
3332
}
3433

3534
#light-toggle-system {
@@ -53,22 +52,23 @@
5352
display: none;
5453
}
5554

56-
html[data-theme="dark"] {
57-
--global-bg-color: #000000; /* Editor Background */
58-
--global-code-bg-color: #131314; /* Dark Editor Background */
59-
--global-text-color: #E5E5EA; /* Lightened Comments for dark theme */
60-
--global-text-color-light: #A3A3A3; /* Consistency */
61-
--global-theme-color: #2F8040; /* Object literal keys, Markdown links */
62-
--global-hover-color: #276637; /* Consistent with theme color */
63-
--global-hover-text-color: #A1ECA5; /* White Color */
64-
--global-footer-bg-color: #1C1D1F; /* Adjusted for dark theme */
65-
--global-footer-text-color: #8E8E93; /* Adjusted for readability */
66-
--global-footer-link-color: #2F8040; /* Sea Green */
67-
--global-distill-app-color: #94a4c8; /* Lightened Comments for readability */
68-
--global-divider-color: #2C2C2E; /* Adjusted for contrast */
69-
--global-card-bg-color: #1C1D1F; /* Dark Grey */
70-
--global-cv-text: #D1D5DA; /* Light gray for CV text */
71-
}
55+
html[data-theme="dark"] {
56+
--global-bg-color: #0A0A0A; /* Deep black */
57+
--global-code-bg-color: #1A1A1A; /* Slightly lighter black */
58+
--global-text-color: #F0F0F5; /* Crisp white */
59+
--global-text-color-light: #B0B0B5; /* Soft gray */
60+
--global-theme-color: #0eaa1b; /* Neon green */
61+
--global-hover-color: #438a28; /* Slightly darker green */
62+
--global-hover-text-color: #B0FFD9; /* Light green */
63+
--global-footer-bg-color: #1E1E1E; /* Deep gray */
64+
--global-footer-text-color: #8E8E93; /* Light gray */
65+
--global-footer-link-color: #00FF88; /* Neon green */
66+
--global-distill-app-color: #6D83F2; /* Soft blue */
67+
--global-divider-color: #333333; /* Subtle gray */
68+
--global-card-bg-color: #1E1E1E; /* Dark gray */
69+
--global-cv-text: #D1D5DA; /* Light gray */
70+
}
71+
7272
.repo-img-light {
7373
display: none;
7474
}

0 commit comments

Comments
 (0)