Rename Elegant theme to Oled and update references

The Elegant.nnwtheme files have been renamed to Oled.nnwtheme, including stylesheet, Info.plist, and template.html. References in .stylelintrc.json were updated to ignore the new stylesheet location. Documentation and build scripts were updated to reflect the new theme name.

.stylelintrc.json

@@ -1,4 +1,4 @@
 {
   "extends": "stylelint-config-standard",
-  "ignoreFiles": ["Elegant.nnwtheme/stylesheet.css"]
+  "ignoreFiles": ["Oled.nnwtheme/stylesheet.css"]
 }

Oled.nnwtheme/Info.plist

@@ -3,13 +3,13 @@
 <plist version="1.0">
 <dict>
 	<key>ThemeIdentifier</key>
-	<string>com.52chinaweb.themes.elegant</string>
+	<string>com.noham.themes.oled</string>
 	<key>Name</key>
-	<string>elegant</string>
+	<string>Oled</string>
 	<key>CreatorHomePage</key>
-	<string>https://52chinaweb.com/</string>
+	<string>https://noh.am/</string>
 	<key>CreatorName</key>
-	<string>Chang Jun</string>
+	<string>Noham</string>
 	<key>Version</key>
 	<integer>1</integer>
 </dict>

Oled.nnwtheme/template.html

@@ -29,42 +29,65 @@ text_size_class: The size class that the user has selected in Preferences for ar
 body: The body of the article.
 
 -->
-<div id="elegantReader" class="max-w-prose px-2 py-3 mx-auto box-border font-sans [[text_size_class]]">
+<div id="oled-reader">
-
+  <!-- Header -->
-  <div class="w-full h-12 flex items-center gap-4 my-8 text-xl font-medium text-gray-900 dark:text-white">
+  <header>
-    <img class="flex-shrink-0 w-12 h-12 overflow-hidden bg-white dark:bg-dark-600 rounded-md ring-1 ring-dark-600/5 shadow-xl" src="[[avatar_src]]" alt="feed img">
+    <img
-    <div class="flex-1 min-w-0 truncate">
+      src="[[avatar_src]]"
+      alt="feed img"
+    />
+    <div class="feed-title">
+      <a
+        href="[[feed_link]]"
+        title="Open feed"
+      >
         [[feed_link_title]]
+      </a>
     </div>
-    <div class="text-base text-secondary">
+    <div class="date">
       [[date_long]]
     </div>
-  </div>
+  </header>
 
-  <article class="prose prose-dark dark:prose-light">
+  <!-- Article -->
-    <h1 class="mb-4">[[title]]</h1>
+  <article class="prose prose-neutral dark:prose-invert">
-    <p class="mt-2 text-secondary">
+    <h1>
-      <a href="[[feed_link]]" class="ml-2 text-secondary font-normal" alt="feed link" title="feed link">
+      <a
+        href="[[preferred_link]]"
+        title="Open original post"
+      >
+        [[title]]
+      </a>
+    </h1>
+
+    <p class="meta">
+      <a
+        href="[[feed_link]]"
+        title="Feed link"
+      >
         <span class="i-carbon-rss"></span>
         Feed
       </a>
-      <a href="[[preferred_link]]" class="ml-4 text-secondary font-normal" alt="originally link" title="originally link">
+      <a
+        href="[[preferred_link]]"
+        title="Original post link"
+      >
         <span class="i-carbon-link"></span>
-        Originally
+        Post
       </a>
     </p>
-    <div class="mt-8">
+
+    <div class="content">
       [[body]]
     </div>
-    <p class="text-secondary text-sm text-center my-12">- THE END -</p>
   </article>
 
-
+  <!-- Footer -->
-
+  <footer>
-  <footer class="my-12 prose text-center">
+    <a href="[[feed_link]]">
-    <a href="[[feed_link]]">[[byline]]</a>
+      [[byline]]
+    </a>
   </footer>
 </div>
 
-
 <script type="text/javascript"></script>

README.md

@@ -1,48 +1,7 @@
-<h1 align="center">Elegant Theme for NetNewsWire</h1>
+# Oled Theme for NetNewsWire
-
-<p align="center">A beautiful, elegant theme for <a href="https://netnewswire.com/">NetNewsWire RSS reader</a>.</p>
-<p align="center">
-  <a href="https://github.com/ChangJun2019/elegant-nnw/releases/download/v0.1.16/Elegant.nnwtheme.zip" alt="install theme">
-    <img src="https://img.shields.io/badge/elegant--theme-downloads-00dd83" alt="install theme to NetNewsWire"></img>
-  </a>
-</p>
-
-
-## Screenshots
-
-![elegant-theme-dark-shots](https://github.com/ChangJun2019/elegant-nnw/assets/32004895/11211350-1dec-4356-b08b-a33503469bd8)
-
-![elegant-theme-light-shots](https://github.com/ChangJun2019/elegant-nnw/assets/32004895/db3fdb32-8b90-441d-9d07-6e34eb97d33d)
-
-![elegant-theme-ios-shots](https://github.com/ChangJun2019/elegant-nnw/assets/32004895/5b82d0cd-2885-48df-94f2-6d1461a7fb4b)
-
-
-## About Font
-
-The current theme font application rules are as follows.
-
-```css
-.font-sans{
-  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-}
-
-.font-mono{
-  font-family: JetBrainsMono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
-}
-```
-
-- [Inter](https://github.com/rsms/inter) My favorite Latin font.
-- [JetBrainsMono](https://github.com/JetBrains/JetBrainsMono) My favorite Code font.
-
-If you like these fonts too, you need to install them locally.
-
-## Thanks
-
-- [UnoCSS](https://github.com/unocss/unocss) The instant on-demand atomic CSS engine. 
-- [Windi CSS](https://windicss.org/)
-- [Tailwind CSS](https://tailwindcss.com/)
 
+A beautiful, Oled theme for [NetNewsWire](https://netnewswire.com/) RSS reader
 
 ## License
 
-MIT - Copyright (c) 2023 Chang Jun
+MIT - Copyright (c) 2025 Rivoirard Noham

constant.ts

@@ -1,4 +1,4 @@
-export const DIRECTORY_NAME = 'Elegant.nnwtheme'
+export const DIRECTORY_NAME = 'Oled.nnwtheme'
 
 export const ARTICLE_TEXT = {
   small: 'sm',

package.json

@@ -1,15 +1,15 @@
 {
-  "name": "elegant-nnw",
+  "name": "Oled-nnw",
   "version": "0.1.16",
   "packageManager": "pnpm@10.6.4",
-  "description": "Elegant theme for NetNewsWire",
+  "description": "Oled theme for NetNewsWire",
   "author": {
     "name": "Chang Jun",
     "email": "52chinaweb@gmail.com",
     "url": "https://52chinaweb.com/"
   },
   "license": "MIT",
-  "homepage": "https://github.com/ChangJun2019/elegant-nnw",
+  "homepage": "https://github.com/ChangJun2019/Oled-nnw",
   "keywords": [
     "theme",
     "nnw",

scripts/build.ts

@@ -6,7 +6,7 @@ import { consola } from 'consola'
 
 async function build() {
   try {
-    const FILE_NAME = 'Elegant.nnwtheme'
+    const FILE_NAME = 'Oled.nnwtheme'
     const targetDir = path.join(__dirname, '../', 'dist')
     const target = path.join(targetDir, FILE_NAME)
     const source = path.join(__dirname, '../', FILE_NAME)