Init commit
Some checks failed
CI/CD Pipeline / Build Docker Image (push) Has been cancelled
CI/CD Pipeline / Test (push) Has been cancelled
CI/CD Pipeline / Build (arm64, windows, linkbeam-windows-arm64.exe) (push) Has been cancelled
CI/CD Pipeline / Build (386, linux, linkbeam-linux-386) (push) Has been cancelled
CI/CD Pipeline / Lint (push) Has been cancelled
CI/CD Pipeline / Build (amd64, linux, linkbeam-linux-amd64) (push) Has been cancelled
CI/CD Pipeline / Build (arm, 7, linux, linkbeam-linux-armv7) (push) Has been cancelled
CI/CD Pipeline / Build (386, windows, linkbeam-windows-386.exe) (push) Has been cancelled
CI/CD Pipeline / Build (amd64, windows, linkbeam-windows-amd64.exe) (push) Has been cancelled
CI/CD Pipeline / Build (arm64, darwin, linkbeam-darwin-arm64) (push) Has been cancelled
CI/CD Pipeline / Build (arm64, linux, linkbeam-linux-arm64) (push) Has been cancelled
CI/CD Pipeline / Build (amd64, darwin, linkbeam-darwin-amd64) (push) Has been cancelled
CI/CD Pipeline / Create Release (push) Has been cancelled
Some checks failed
CI/CD Pipeline / Build Docker Image (push) Has been cancelled
CI/CD Pipeline / Test (push) Has been cancelled
CI/CD Pipeline / Build (arm64, windows, linkbeam-windows-arm64.exe) (push) Has been cancelled
CI/CD Pipeline / Build (386, linux, linkbeam-linux-386) (push) Has been cancelled
CI/CD Pipeline / Lint (push) Has been cancelled
CI/CD Pipeline / Build (amd64, linux, linkbeam-linux-amd64) (push) Has been cancelled
CI/CD Pipeline / Build (arm, 7, linux, linkbeam-linux-armv7) (push) Has been cancelled
CI/CD Pipeline / Build (386, windows, linkbeam-windows-386.exe) (push) Has been cancelled
CI/CD Pipeline / Build (amd64, windows, linkbeam-windows-amd64.exe) (push) Has been cancelled
CI/CD Pipeline / Build (arm64, darwin, linkbeam-darwin-arm64) (push) Has been cancelled
CI/CD Pipeline / Build (arm64, linux, linkbeam-linux-arm64) (push) Has been cancelled
CI/CD Pipeline / Build (amd64, darwin, linkbeam-darwin-amd64) (push) Has been cancelled
CI/CD Pipeline / Create Release (push) Has been cancelled
This commit is contained in:
124
themes/auto.css
Normal file
124
themes/auto.css
Normal file
@@ -0,0 +1,124 @@
|
||||
/* auto.css - Super-simple monochrome theme for LinkBeam */
|
||||
|
||||
/* Default: Light mode */
|
||||
:root {
|
||||
--bg-color: #ffffff;
|
||||
--text-color: #000000;
|
||||
--text-secondary: #666666;
|
||||
--link-bg: #f5f5f5;
|
||||
--link-hover: #e0e0e0;
|
||||
--border-color: #cccccc;
|
||||
}
|
||||
|
||||
/* System dark mode preference */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg-color: #000000;
|
||||
--text-color: #ffffff;
|
||||
--text-secondary: #999999;
|
||||
--link-bg: #1a1a1a;
|
||||
--link-hover: #2a2a2a;
|
||||
--border-color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual overrides */
|
||||
html[data-theme="light"] {
|
||||
--bg-color: #ffffff;
|
||||
--text-color: #000000;
|
||||
--text-secondary: #666666;
|
||||
--link-bg: #f5f5f5;
|
||||
--link-hover: #e0e0e0;
|
||||
--border-color: #cccccc;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--bg-color: #000000;
|
||||
--text-color: #ffffff;
|
||||
--text-secondary: #999999;
|
||||
--link-bg: #1a1a1a;
|
||||
--link-hover: #2a2a2a;
|
||||
--border-color: #333333;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
background: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 1rem 0 0.5rem;
|
||||
font-size: 1.5rem;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0.5rem 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
main a {
|
||||
display: block;
|
||||
padding: 1rem;
|
||||
background-color: var(--link-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
background-color: var(--link-hover);
|
||||
}
|
||||
|
||||
main a i {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0.5rem 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
138
themes/catppuccin-frappe.css
Normal file
138
themes/catppuccin-frappe.css
Normal file
@@ -0,0 +1,138 @@
|
||||
/* catppuccin-frappe.css - Catppuccin Frappé theme for LinkBeam (with light/dark toggle) */
|
||||
/* Based on: https://github.com/catppuccin/catppuccin */
|
||||
|
||||
/* Default: Latte (light) */
|
||||
:root {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
/* System dark mode: Switch to Frappé */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg-color: #303446;
|
||||
--text-color: #c6d0f5;
|
||||
--text-secondary: #a5adce;
|
||||
--link-bg: #414559;
|
||||
--link-hover: #51576d;
|
||||
--border-color: #626880;
|
||||
--accent-color: #babbf1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual overrides */
|
||||
html[data-theme="light"] {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--bg-color: #303446;
|
||||
--text-color: #c6d0f5;
|
||||
--text-secondary: #a5adce;
|
||||
--link-bg: #414559;
|
||||
--link-hover: #51576d;
|
||||
--border-color: #626880;
|
||||
--accent-color: #babbf1;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 3rem 1rem 2rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
border-radius: 50%;
|
||||
border: 3px solid var(--border-color);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0.75rem 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem 1rem 3rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main a {
|
||||
display: block;
|
||||
padding: 1rem 1.5rem;
|
||||
background-color: var(--link-bg);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
background-color: var(--link-hover);
|
||||
border-color: var(--accent-color);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
main a i {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem 3rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0.5rem 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
138
themes/catppuccin-latte.css
Normal file
138
themes/catppuccin-latte.css
Normal file
@@ -0,0 +1,138 @@
|
||||
/* catppuccin-latte.css - Catppuccin Latte theme for LinkBeam (with light/dark toggle) */
|
||||
/* Based on: https://github.com/catppuccin/catppuccin */
|
||||
|
||||
/* Default: Latte (light) */
|
||||
:root {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
/* System dark mode: Switch to Mocha */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg-color: #1e1e2e;
|
||||
--text-color: #cdd6f4;
|
||||
--text-secondary: #bac2de;
|
||||
--link-bg: #313244;
|
||||
--link-hover: #45475a;
|
||||
--border-color: #585b70;
|
||||
--accent-color: #b4befe;
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual overrides */
|
||||
html[data-theme="light"] {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--bg-color: #1e1e2e;
|
||||
--text-color: #cdd6f4;
|
||||
--text-secondary: #bac2de;
|
||||
--link-bg: #313244;
|
||||
--link-hover: #45475a;
|
||||
--border-color: #585b70;
|
||||
--accent-color: #b4befe;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 3rem 1rem 2rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
border-radius: 50%;
|
||||
border: 3px solid var(--border-color);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0.75rem 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem 1rem 3rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main a {
|
||||
display: block;
|
||||
padding: 1rem 1.5rem;
|
||||
background-color: var(--link-bg);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
background-color: var(--link-hover);
|
||||
border-color: var(--accent-color);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
main a i {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem 3rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0.5rem 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
138
themes/catppuccin-macchiato.css
Normal file
138
themes/catppuccin-macchiato.css
Normal file
@@ -0,0 +1,138 @@
|
||||
/* catppuccin-macchiato.css - Catppuccin Macchiato theme for LinkBeam (with light/dark toggle) */
|
||||
/* Based on: https://github.com/catppuccin/catppuccin */
|
||||
|
||||
/* Default: Latte (light) */
|
||||
:root {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
/* System dark mode: Switch to Macchiato */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg-color: #24273a;
|
||||
--text-color: #cad3f5;
|
||||
--text-secondary: #a5adcb;
|
||||
--link-bg: #363a4f;
|
||||
--link-hover: #494d64;
|
||||
--border-color: #5b6078;
|
||||
--accent-color: #b7bdf8;
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual overrides */
|
||||
html[data-theme="light"] {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--bg-color: #24273a;
|
||||
--text-color: #cad3f5;
|
||||
--text-secondary: #a5adcb;
|
||||
--link-bg: #363a4f;
|
||||
--link-hover: #494d64;
|
||||
--border-color: #5b6078;
|
||||
--accent-color: #b7bdf8;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 3rem 1rem 2rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
border-radius: 50%;
|
||||
border: 3px solid var(--border-color);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0.75rem 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem 1rem 3rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main a {
|
||||
display: block;
|
||||
padding: 1rem 1.5rem;
|
||||
background-color: var(--link-bg);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
background-color: var(--link-hover);
|
||||
border-color: var(--accent-color);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
main a i {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem 3rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0.5rem 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
138
themes/catppuccin-mocha.css
Normal file
138
themes/catppuccin-mocha.css
Normal file
@@ -0,0 +1,138 @@
|
||||
/* catppuccin-mocha.css - Catppuccin Mocha theme for LinkBeam (with light/dark toggle) */
|
||||
/* Based on: https://github.com/catppuccin/catppuccin */
|
||||
|
||||
/* Default: Latte (light) */
|
||||
:root {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
/* System dark mode: Switch to Mocha */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg-color: #1e1e2e;
|
||||
--text-color: #cdd6f4;
|
||||
--text-secondary: #bac2de;
|
||||
--link-bg: #313244;
|
||||
--link-hover: #45475a;
|
||||
--border-color: #585b70;
|
||||
--accent-color: #b4befe;
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual overrides */
|
||||
html[data-theme="light"] {
|
||||
--bg-color: #eff1f5;
|
||||
--text-color: #4c4f69;
|
||||
--text-secondary: #6c6f85;
|
||||
--link-bg: #e6e9ef;
|
||||
--link-hover: #dce0e8;
|
||||
--border-color: #ccd0da;
|
||||
--accent-color: #7287fd;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
--bg-color: #1e1e2e;
|
||||
--text-color: #cdd6f4;
|
||||
--text-secondary: #bac2de;
|
||||
--link-bg: #313244;
|
||||
--link-hover: #45475a;
|
||||
--border-color: #585b70;
|
||||
--accent-color: #b4befe;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 3rem 1rem 2rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
border-radius: 50%;
|
||||
border: 3px solid var(--border-color);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0.75rem 0;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem 1rem 3rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main a {
|
||||
display: block;
|
||||
padding: 1rem 1.5rem;
|
||||
background-color: var(--link-bg);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
background-color: var(--link-hover);
|
||||
border-color: var(--accent-color);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
main a i {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem 3rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0.5rem 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
247
themes/gruvbox.css
Normal file
247
themes/gruvbox.css
Normal file
@@ -0,0 +1,247 @@
|
||||
/* gruvbox.css - Gruvbox theme for LinkBeam (Automatic light/dark) */
|
||||
/* Based on the Gruvbox color scheme: https://github.com/morhetz/gruvbox */
|
||||
|
||||
/* Default: Light mode */
|
||||
:root {
|
||||
/* Gruvbox Light background colors */
|
||||
--bg-color: #fbf1c7;
|
||||
--text-color: #3c3836;
|
||||
--text-secondary: #504945;
|
||||
--link-bg: #f9f5d7;
|
||||
--link-hover: #f2e5bc;
|
||||
--border-color: #d5c4a1;
|
||||
|
||||
/* Gruvbox accent colors (green/aqua tones) */
|
||||
--accent-color: #689d6a;
|
||||
--accent-light: #98971a;
|
||||
|
||||
/* Shadows with warm tones for Gruvbox Light */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
|
||||
|
||||
/* Gradients using Gruvbox light shades */
|
||||
--bg-gradient-start: #fbf1c7;
|
||||
--bg-gradient-end: #f9f5d7;
|
||||
|
||||
/* Glow effects using Gruvbox green/aqua colors */
|
||||
--glow-color: rgba(104, 157, 106, 0.3);
|
||||
--glow-hover: rgba(104, 157, 106, 0.2);
|
||||
--shimmer: rgba(104, 157, 106, 0.1);
|
||||
}
|
||||
|
||||
/* System dark mode preference */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Gruvbox Dark background colors */
|
||||
--bg-color: #282828;
|
||||
--text-color: #ebdbb2;
|
||||
--text-secondary: #d5c4a1;
|
||||
--link-bg: #3c3836;
|
||||
--link-hover: #504945;
|
||||
--border-color: #665c54;
|
||||
|
||||
/* Gruvbox accent colors (aqua/green tones) */
|
||||
--accent-color: #8ec07c;
|
||||
--accent-light: #b8bb26;
|
||||
|
||||
/* Shadows with warm tones for Gruvbox Dark */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
|
||||
|
||||
/* Gradients using Gruvbox dark shades */
|
||||
--bg-gradient-start: #282828;
|
||||
--bg-gradient-end: #3c3836;
|
||||
|
||||
/* Glow effects using Gruvbox green/aqua colors */
|
||||
--glow-color: rgba(142, 192, 124, 0.4);
|
||||
--glow-hover: rgba(142, 192, 124, 0.3);
|
||||
--shimmer: rgba(142, 192, 124, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual overrides (highest specificity) */
|
||||
html[data-theme="light"] {
|
||||
/* Gruvbox Light background colors */
|
||||
--bg-color: #fbf1c7;
|
||||
--text-color: #3c3836;
|
||||
--text-secondary: #504945;
|
||||
--link-bg: #f9f5d7;
|
||||
--link-hover: #f2e5bc;
|
||||
--border-color: #d5c4a1;
|
||||
|
||||
/* Gruvbox accent colors (green/aqua tones) */
|
||||
--accent-color: #689d6a;
|
||||
--accent-light: #98971a;
|
||||
|
||||
/* Shadows with warm tones for Gruvbox Light */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
|
||||
|
||||
/* Gradients using Gruvbox light shades */
|
||||
--bg-gradient-start: #fbf1c7;
|
||||
--bg-gradient-end: #f9f5d7;
|
||||
|
||||
/* Glow effects using Gruvbox green/aqua colors */
|
||||
--glow-color: rgba(104, 157, 106, 0.3);
|
||||
--glow-hover: rgba(104, 157, 106, 0.2);
|
||||
--shimmer: rgba(104, 157, 106, 0.1);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
/* Gruvbox Dark background colors */
|
||||
--bg-color: #282828;
|
||||
--text-color: #ebdbb2;
|
||||
--text-secondary: #d5c4a1;
|
||||
--link-bg: #3c3836;
|
||||
--link-hover: #504945;
|
||||
--border-color: #665c54;
|
||||
|
||||
/* Gruvbox accent colors (aqua/green tones) */
|
||||
--accent-color: #8ec07c;
|
||||
--accent-light: #b8bb26;
|
||||
|
||||
/* Shadows with warm tones for Gruvbox Dark */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
|
||||
|
||||
/* Gradients using Gruvbox dark shades */
|
||||
--bg-gradient-start: #282828;
|
||||
--bg-gradient-end: #3c3836;
|
||||
|
||||
/* Glow effects using Gruvbox green/aqua colors */
|
||||
--glow-color: rgba(142, 192, 124, 0.4);
|
||||
--glow-hover: rgba(142, 192, 124, 0.3);
|
||||
--shimmer: rgba(142, 192, 124, 0.15);
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
|
||||
background-attachment: fixed;
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 3rem 1rem 2rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
border-radius: 50%;
|
||||
border: 4px solid var(--link-bg);
|
||||
box-shadow: var(--shadow-lg), 0 0 0 1px var(--border-color);
|
||||
margin-bottom: 1.5rem;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
header img:hover {
|
||||
transform: scale(1.05);
|
||||
box-shadow: var(--shadow-lg), 0 0 20px var(--glow-color);
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
background: linear-gradient(135deg, var(--accent-color), var(--accent-light));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0.75rem 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem 1rem 3rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main a {
|
||||
display: block;
|
||||
padding: 1.25rem 1.5rem;
|
||||
background-color: var(--link-bg);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 12px;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
box-shadow: var(--shadow-sm);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
main a::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, transparent, var(--shimmer), transparent);
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
|
||||
main a:hover::before {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
background-color: var(--link-hover);
|
||||
border-color: var(--accent-color);
|
||||
transform: translateY(-4px) scale(1.02);
|
||||
box-shadow: var(--shadow-md), 0 0 20px var(--glow-hover);
|
||||
}
|
||||
|
||||
main a:active {
|
||||
transform: translateY(-2px) scale(1.01);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
main a i {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem 3rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
247
themes/nord.css
Normal file
247
themes/nord.css
Normal file
@@ -0,0 +1,247 @@
|
||||
/* nord.css - Nord theme for LinkBeam (Automatic light/dark) */
|
||||
/* Based on the Nord color palette: https://www.nordtheme.com/ */
|
||||
|
||||
/* Default: Light mode */
|
||||
:root {
|
||||
/* Nord Snow Storm (light whites/grays) */
|
||||
--bg-color: #eceff4;
|
||||
--text-color: #2e3440;
|
||||
--text-secondary: #3b4252;
|
||||
--link-bg: #e5e9f0;
|
||||
--link-hover: #d8dee9;
|
||||
--border-color: #d8dee9;
|
||||
|
||||
/* Nord Frost (blue accent colors) */
|
||||
--accent-color: #5e81ac;
|
||||
--accent-light: #81a1c1;
|
||||
|
||||
/* Shadows with lighter tones for Nord Light */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
|
||||
|
||||
/* Gradients using Nord Snow Storm shades */
|
||||
--bg-gradient-start: #eceff4;
|
||||
--bg-gradient-end: #e5e9f0;
|
||||
|
||||
/* Glow effects using Nord Frost colors */
|
||||
--glow-color: rgba(94, 129, 172, 0.3);
|
||||
--glow-hover: rgba(94, 129, 172, 0.2);
|
||||
--shimmer: rgba(94, 129, 172, 0.1);
|
||||
}
|
||||
|
||||
/* System dark mode preference */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Nord Polar Night (dark blues/grays) */
|
||||
--bg-color: #2e3440;
|
||||
--text-color: #eceff4;
|
||||
--text-secondary: #d8dee9;
|
||||
--link-bg: #3b4252;
|
||||
--link-hover: #434c5e;
|
||||
--border-color: #4c566a;
|
||||
|
||||
/* Nord Frost (blue accent colors) */
|
||||
--accent-color: #88c0d0;
|
||||
--accent-light: #8fbcbb;
|
||||
|
||||
/* Shadows with darker tones for Nord */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
|
||||
|
||||
/* Gradients using Nord Polar Night shades */
|
||||
--bg-gradient-start: #2e3440;
|
||||
--bg-gradient-end: #3b4252;
|
||||
|
||||
/* Glow effects using Nord Frost colors */
|
||||
--glow-color: rgba(136, 192, 208, 0.4);
|
||||
--glow-hover: rgba(136, 192, 208, 0.3);
|
||||
--shimmer: rgba(136, 192, 208, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual overrides (highest specificity) */
|
||||
html[data-theme="light"] {
|
||||
/* Nord Snow Storm (light whites/grays) */
|
||||
--bg-color: #eceff4;
|
||||
--text-color: #2e3440;
|
||||
--text-secondary: #3b4252;
|
||||
--link-bg: #e5e9f0;
|
||||
--link-hover: #d8dee9;
|
||||
--border-color: #d8dee9;
|
||||
|
||||
/* Nord Frost (blue accent colors) */
|
||||
--accent-color: #5e81ac;
|
||||
--accent-light: #81a1c1;
|
||||
|
||||
/* Shadows with lighter tones for Nord Light */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
|
||||
|
||||
/* Gradients using Nord Snow Storm shades */
|
||||
--bg-gradient-start: #eceff4;
|
||||
--bg-gradient-end: #e5e9f0;
|
||||
|
||||
/* Glow effects using Nord Frost colors */
|
||||
--glow-color: rgba(94, 129, 172, 0.3);
|
||||
--glow-hover: rgba(94, 129, 172, 0.2);
|
||||
--shimmer: rgba(94, 129, 172, 0.1);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
/* Nord Polar Night (dark blues/grays) */
|
||||
--bg-color: #2e3440;
|
||||
--text-color: #eceff4;
|
||||
--text-secondary: #d8dee9;
|
||||
--link-bg: #3b4252;
|
||||
--link-hover: #434c5e;
|
||||
--border-color: #4c566a;
|
||||
|
||||
/* Nord Frost (blue accent colors) */
|
||||
--accent-color: #88c0d0;
|
||||
--accent-light: #8fbcbb;
|
||||
|
||||
/* Shadows with darker tones for Nord */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
|
||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
|
||||
|
||||
/* Gradients using Nord Polar Night shades */
|
||||
--bg-gradient-start: #2e3440;
|
||||
--bg-gradient-end: #3b4252;
|
||||
|
||||
/* Glow effects using Nord Frost colors */
|
||||
--glow-color: rgba(136, 192, 208, 0.4);
|
||||
--glow-hover: rgba(136, 192, 208, 0.3);
|
||||
--shimmer: rgba(136, 192, 208, 0.15);
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
|
||||
background-attachment: fixed;
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding: 3rem 1rem 2rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
border-radius: 50%;
|
||||
border: 4px solid var(--link-bg);
|
||||
box-shadow: var(--shadow-lg), 0 0 0 1px var(--border-color);
|
||||
margin-bottom: 1.5rem;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
header img:hover {
|
||||
transform: scale(1.05);
|
||||
box-shadow: var(--shadow-lg), 0 0 20px var(--glow-color);
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
background: linear-gradient(135deg, var(--accent-color), var(--accent-light));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
header p {
|
||||
margin: 0.75rem 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 1rem 1rem 3rem;
|
||||
}
|
||||
|
||||
main ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
main a {
|
||||
display: block;
|
||||
padding: 1.25rem 1.5rem;
|
||||
background-color: var(--link-bg);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 12px;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
box-shadow: var(--shadow-sm);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
main a::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, transparent, var(--shimmer), transparent);
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
|
||||
main a:hover::before {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
main a:hover {
|
||||
background-color: var(--link-hover);
|
||||
border-color: var(--accent-color);
|
||||
transform: translateY(-4px) scale(1.02);
|
||||
box-shadow: var(--shadow-md), 0 0 20px var(--glow-hover);
|
||||
}
|
||||
|
||||
main a:active {
|
||||
transform: translateY(-2px) scale(1.01);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
main a i {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 2rem 1rem 3rem;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
Reference in New Issue
Block a user