Skip to content

Add system theme support, pin emoji icon, and compact toolbar #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kiyarose merged 3 commits into from
Apr 6, 2026
Merged

Add system theme support, pin emoji icon, and compact toolbar #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
94b6872
Add system theme support, pin emoji icon, and compact toolbar
Copilot Apr 6, 2026
40df112
Bump version to 2.6.0 and fix macOS icon list in tauri.conf.json
Copilot Apr 6, 2026
1d080f3
Add version display on launch; revert icon list to committed files
Copilot Apr 6, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions PinStickApp.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,9 +82,11 @@ struct ContentView: View {
Button(action: togglePin) {
Image(systemName: isPinned ? "pin.slash" : "pin")
.help(isPinned ? "Unpin Window" : "Pin Window")
.font(.system(size: 12))
}
.buttonStyle(PlainButtonStyle())
.padding(6)
.padding(.horizontal, 8)
.padding(.vertical, 4)

Spacer()
}
Expand All @@ -95,7 +97,6 @@ struct ContentView: View {
TextEditor(text: $text)
.padding(8)
.font(.system(size: 16, design: .monospaced))
.background(Color.white)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.onChange(of: text) { oldValue, newValue in
Expand Down
2 changes: 1 addition & 1 deletion cross-platform/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "pinstick-cross",
"version": "2.5.8",
"version": "2.6.0",
"private": true,
"type": "module",
"scripts": {
Expand Down
2 changes: 1 addition & 1 deletion cross-platform/src-tauri/Cargo.lock
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion cross-platform/src-tauri/Cargo.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[package]
name = "pinstick"
version = "2.5.8"
version = "2.6.0"
description = "PinStick cross-platform note pinning app"
authors = ["SillyLittleTech"]
edition = "2021"
Expand Down
2 changes: 1 addition & 1 deletion cross-platform/src-tauri/tauri.conf.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
},
"package": {
"productName": "PinStick",
"version": "2.5.8"
"version": "2.6.0"
},
"tauri": {
"security": {
Expand Down
2 changes: 1 addition & 1 deletion cross-platform/src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<body>
<header>
<div class="left">
<button id="pin-btn" type="button" title="Pin window">Pin</button>
<button id="pin-btn" type="button" title="Pin window" aria-label="Pin window">📌</button>
</div>
<div class="right">
<span id="status">Ready</span>
Expand Down
11 changes: 10 additions & 1 deletion cross-platform/src/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,9 @@ async function togglePin() {
result && Object.prototype.hasOwnProperty.call(result, "pinned")
? result.pinned
: false;
pinBtn.textContent = pinned ? "Unpin" : "Pin";
pinBtn.classList.toggle("pinned", pinned);
pinBtn.title = pinned ? "Unpin window" : "Pin window";
pinBtn.setAttribute("aria-label", pinned ? "Unpin window" : "Pin window");
setStatus(pinned ? "Pinned on top" : "Not pinned");
} catch (err) {
console.error(err);
Expand All @@ -56,6 +58,13 @@ function init() {
if (!invoke) {
pinBtn.disabled = true;
setStatus("Tauri API unavailable");
} else if (TAURI && TAURI.app) {
// Briefly show the app version so users can verify which build is running
TAURI.app.getVersion().then((version) => {
const previous = statusEl.textContent;
setStatus(`v${version}`);
setTimeout(() => setStatus(previous), 2000);
}).catch(() => { /* non-critical */ });
}

noteEl.addEventListener("input", (e) => {
Expand Down
61 changes: 52 additions & 9 deletions cross-platform/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,28 +16,39 @@ header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
padding: 3px 8px;
background: #ffffff;
border-bottom: 1px solid #e0e0e0;
}

header button {
padding: 6px 12px;
padding: 2px 6px;
font-size: 14px;
border: 1px solid #ccc;
background: #fff;
border-radius: 6px;
border: 1px solid transparent;
background: transparent;
border-radius: 5px;
cursor: pointer;
line-height: 1.4;
transition: background 0.15s;
}

header button:hover {
background: rgba(0, 0, 0, 0.07);
}

header button.pinned {
background: rgba(0, 0, 0, 0.1);
border-color: rgba(0, 0, 0, 0.15);
}

header button:disabled {
opacity: 0.6;
opacity: 0.4;
cursor: not-allowed;
}

main {
flex: 1;
padding: 10px;
padding: 8px;
}

textarea {
Expand All @@ -50,9 +61,41 @@ textarea {
border: 1px solid #d0d0d0;
border-radius: 8px;
background: #ffffff;
color: #222;
}

#status {
font-size: 12px;
color: #555;
font-size: 11px;
color: #666;
}

@media (prefers-color-scheme: dark) {
body {
background: #1e1e1e;
color: #e0e0e0;
}

header {
background: #2a2a2a;
border-bottom-color: #3a3a3a;
}

header button:hover {
background: rgba(255, 255, 255, 0.1);
}

header button.pinned {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.2);
}

textarea {
background: #2a2a2a;
color: #e0e0e0;
border-color: #3a3a3a;
}

#status {
color: #888;
}
}
Loading