kunkun-extensions-mirror/kunkunsh-kunkun-ext-neohtop
1
0
Fork 0
mirror of https://github.com/kunkunsh/kunkun-ext-neohtop.git synced 2025-04-11 17:29:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #42 from Abdenasser/fix-github-pages-light-mode

Browse Source 
fixed landing page download buttons styles for light mode
This commit is contained in:
Abdenasser Elidrissi 2024-11-07 23:35:36 +01:00 committed by GitHub
commit 0e69e1dcbf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@ -165,7 +165,7 @@
<h3 class="platform-title">Windows</h3> <h3 class="platform-title">Windows</h3>
<div class="platform-options"> <div class="platform-options">
<a href="" class="download-button windows" data-type="windows" data-version="latest"> <a href="" class="download-button windows" data-type="windows" data-version="latest">
<span class="icon">🪟</span> <span class="icon">🫣</span>
<div class="button-text"> <div class="button-text">
<span class="primary">Windows</span> <span class="primary">Windows</span>
<span class="secondary">Windows 10 or later</span> <span class="secondary">Windows 10 or later</span>

19
docs/styles.css
View File

@ -1147,14 +1147,11 @@ footer {
} }
.download-button.linux { .download-button.linux {
background: var(--primary-color); background: #E95420;
flex-direction: column;
align-items: flex-start;
padding: 1rem 1.5rem;
} }
.download-button.linux:hover { .download-button.linux:hover {
background: var(--secondary-color); background: #C7431B;
} }
.download-options-group { .download-options-group {
@ -1267,8 +1264,8 @@ footer {
} }
.download-button { .download-button {
background: var(--card-background); background: var(--primary-color);
color: var(--text-primary); color: white;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 12px; border-radius: 12px;
text-decoration: none; text-decoration: none;
@ -1276,14 +1273,14 @@ footer {
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
transition: all 0.2s; transition: all 0.2s;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid transparent;
min-width: 250px; min-width: 250px;
} }
.download-button:hover { .download-button:hover {
transform: translateY(-2px); transform: translateY(-2px);
border-color: var(--primary-color); background: var(--secondary-color);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
} }
.download-button .icon { .download-button .icon {
@ -1304,7 +1301,7 @@ footer {
.button-text .secondary { .button-text .secondary {
font-size: 0.85rem; font-size: 0.85rem;
opacity: 0.8; opacity: 0.9;
} }
.linux-options { .linux-options {