Skip to content

Update Tiqoe Dark theme styles #5552

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

Open
justin-b-reeves wants to merge 12 commits into
base: main
Choose a base branch
from
Open

Update Tiqoe Dark theme styles #5552

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
774f9a1
Hide affiliate disclaimer for TechCrunch in Reader View
justin-b-reeves Oct 6, 2026
04fe678
Hide Macworld newsletter elements in stylesheet
justin-b-reeves Oct 21, 2026
60e4da8
Add styles for primary image and enclosure caption
justin-b-reeves Nov 10, 2026
d2ca6fd
Add tab
justin-b-reeves Nov 10, 2026
96da879
Add enclosure image
justin-b-reeves Nov 11, 2026
6ef43dd
Add styles for audio enclosure and adjust captions
justin-b-reeves Nov 12, 2026
9816279
Merge branch 'Ranchero-Software:main' into tiqoe
justin-b-reeves Nov 12, 2026
bb78080
Implement dynamic font size adjustment for captions
justin-b-reeves Nov 12, 2026
515441a
Add script to modify image sizes for TechCrunch links
justin-b-reeves Nov 13, 2026
3598114
Fix CSS formatting and remove extra newlines
justin-b-reeves Nov 13, 2026
02c9059
Update font size adjustments for article elements
justin-b-reeves Nov 13, 2026
a6ab74c
Remove extra newline
justin-b-reeves Nov 13, 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
37 changes: 34 additions & 3 deletions Themes/Tiqoe Dark.nnwtheme/stylesheet.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -169,7 +169,6 @@ body > .systemMessage {
text-overflow: ellipsis;
}


.articleBody {
margin-top: 20px;
line-height: 1.6em;
Expand Down Expand Up @@ -409,7 +408,6 @@ a.footnote:hover,
.nnw-overflow table {
border: 1px solid var(--secondary-accent-color);
}

}

/* macOS Specific */
Expand Down Expand Up @@ -471,7 +469,7 @@ a.footnote:hover,
code,
pre {
font-size: 16px;
}
}
}

.xxlargeText {
Expand Down Expand Up @@ -524,3 +522,36 @@ a.footnote:hover,
.inline-invite.inline-invite-type__funding.inline-invite-style__default:has(> .inline-invite-funding__box):has([href*="give.newshour.org"]) {
display: none;
}

/* TechCrunch → Reader View */
.affiliate-disclaimer-text:has([href*="techcrunch.com/techcrunch-affiliate-monetization-standards"]) {
display: none;
}

/* Macworld */
div:has([href*="macworld.com/newsletters/signup"]) :is(figcaption, button.lightbox-trigger, p.imageCredit) {
display: none;
}

/* 7.3 */
.nnw-primary-image img,
.nnw-enclosure-image img {
max-height: 66.6667vh;
width: auto;
}

.nnw-enclosure-audio {
display: flex;
flex-direction: column;
margin-block: 0 1em;
row-gap: 1em;
}

.nnw-enclosure-caption {
order: -1;
}

.nnw-primary-media:has(.nnw-enclosure-audio),
.nnw-primary-image {
margin: 0;
}
47 changes: 46 additions & 1 deletion Themes/Tiqoe Dark.nnwtheme/template7.3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,4 +14,49 @@
[[primary_media]]
<div id="bodyContainer" class="articleBody [[text_size_class]]">[[body]]</div>
[[enclosures]]
</article>
</article>

<script>
document.addEventListener("DOMContentLoaded", () => {
const articleBody = document.querySelector(".articleBody");
const textSize = parseFloat(getComputedStyle(articleBody).fontSize);

document.querySelectorAll("body > header .headerTable td, body > header .headerTable th").forEach(headerText => {
headerText.style.fontSize = `${textSize - 4}px`;
});

// iOS
if (CSS.supports("-webkit-touch-callout", "none")) {
document.querySelectorAll(".articleTitle h1").forEach(articleTitle => {
articleTitle.style.fontSize = `${textSize + 10}px`;
});
}

// macOS
if (!CSS.supports("-webkit-touch-callout", "none")) {
document.querySelectorAll(".articleTitle h1").forEach(articleTitle => {
articleTitle.style.fontSize = `${textSize + 12}px`;
});
}

document.querySelectorAll(".articleDateline").forEach(articleDate => {
articleDate.style.fontSize = `${textSize - 2}px`;
});

document.querySelectorAll(".nnw-enclosure-caption").forEach(enclosureCaption => {
enclosureCaption.style.fontSize = `${textSize - 2}px`;
});
});
</script>

<script>
// TechCrunch → Reader View
const feedLink = document.querySelector('.feedlink');

if (feedLink.href.includes('techcrunch.com')) {

document.querySelectorAll('img[sizes^="auto"]').forEach((img) => {
img.sizes = img.sizes.split(',').slice(1).join(',').trim();
});
}
</script>
Loading