├── .editorconfig ├── .eslintrc ├── .gitignore ├── LICENSE ├── README.md ├── THEMES.md ├── main.js ├── media ├── Icon.icns ├── Icon.ico └── Icon.png ├── package.json ├── src ├── insert-css.js ├── insert-storage-css.js ├── menu.js └── menu │ └── view.js └── themes ├── haxxor.css ├── hnu-night.css ├── hnu.css └── lost-sunset.css /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 4 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "vgno", 3 | "rules": { 4 | "no-console": "off" 5 | }, 6 | "env": { 7 | "es6": true 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | npm-debug.log 3 | dist/ 4 | todo.txt 5 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Bjarne Øverli 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # HNU 2 | #### Hacker news unofficial desktop application 3 | 4 | ![http://i.imgur.com/wOo29s7.png](http://i.imgur.com/wOo29s7.png) 5 | 6 | Playing around using [Electron](https://github.com/electron/electron). 7 | 8 | OS X, Windows and Linux support. 9 | 10 | ## Keyboard shortcuts 11 | Go back: `ctrl+backspace`, OSX: `cmd+backspace` 12 | Refresh: `ctrl+R`, OSX: `cmd+R` 13 | Get current url: `ctrl+L`, OSX: `cmd+L` 14 | Submit: `ctrl+S`, OSX: `cmd+S` 15 | 16 | ## Download 17 | [Latest release](https://github.com/bjarneo/hnu/releases/latest) 18 | 19 | ## Themes 20 | Change theme is available in the `menu -> Themes -> Theme name`. 21 | 22 | Themes: [https://github.com/bjarneo/HNU/blob/master/THEMES.md](https://github.com/bjarneo/HNU/blob/master/THEMES.md) 23 | 24 | It is possible to add new themes. The file must be added to `themes/` folder. 25 | This code must be added to `src/menu.js` tpl const: 26 | ```js 27 | addTheme('Theme Name', 'css-file.css') 28 | ``` 29 | 30 | ## Icon for linux 31 | If you want an icon for the app, create a file in ~/.local/share/applications named 32 | hnu.desktop with: 33 | ``` 34 | [Desktop Entry] 35 | Name=HNU 36 | Exec=/full/path/to/folder/HNU 37 | Terminal=false 38 | Type=Application 39 | Icon=/full/path/to/icon/Icon.png 40 | ``` 41 | Icon you need to download: [Icon.png](https://github.com/bjarneo/HNU/blob/master/media/Icon.png) 42 | 43 | ## Manually 44 | 45 | ```bash 46 | # Clone this repository 47 | git clone https://github.com/bjarneo/hnu 48 | # Go into the repository 49 | cd hnu 50 | # Install dependencies and run the app 51 | npm install && npm start 52 | ``` 53 | 54 | Contribution 55 | ------ 56 | Contributions are appreciated. 57 | 58 | License 59 | ------ 60 | MIT-licensed. See LICENSE. 61 | -------------------------------------------------------------------------------- /THEMES.md: -------------------------------------------------------------------------------- 1 | # THEMES 2 | 3 | ### Default HN 4 | ![http://i.imgur.com/gAIkNSI.png](http://i.imgur.com/gAIkNSI.png) 5 | 6 | ### HNU 7 | ![http://i.imgur.com/uNGcU9q.png](http://i.imgur.com/uNGcU9q.png) 8 | 9 | ### HNU Night mode 10 | ![http://i.imgur.com/wOo29s7.png](http://i.imgur.com/wOo29s7.png) 11 | 12 | ### Lost sunset 13 | ![http://i.imgur.com/Cz83cUq.png](http://i.imgur.com/Cz83cUq.png) 14 | 15 | ### Haxxor 16 | ![http://i.imgur.com/NtjdC2d.png](http://i.imgur.com/NtjdC2d.png) 17 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const path = require('path'); 4 | const { app, BrowserWindow, Menu, shell } = require('electron'); 5 | const insertStorageCSS = require('./src/insert-storage-css'); 6 | 7 | let mainWindow; 8 | 9 | function createWindow() { 10 | mainWindow = new BrowserWindow({ 11 | width: 750, 12 | height: 800, 13 | maxWidth: 750, 14 | title: 'Unofficial Hacker News desktop application', 15 | darkTheme: true, 16 | icon: process.platform === 'linux' && path.join(__dirname, 'media', 'Icon.png') 17 | }); 18 | 19 | mainWindow.loadURL('https://news.ycombinator.com/'); 20 | 21 | mainWindow.on('closed', () => { 22 | mainWindow = null; 23 | }); 24 | 25 | const page = mainWindow.webContents; 26 | 27 | Menu.setApplicationMenu(require('./src/menu')(page)); 28 | 29 | page.on('dom-ready', () => { 30 | insertStorageCSS(page); 31 | 32 | mainWindow.show(); 33 | }); 34 | 35 | page.on('app-command', (e, cmd) => { 36 | // Navigate the window back when the user hits their mouse back button 37 | if (cmd === 'browser-backward' && page.canGoBack()) { 38 | page.goBack(); 39 | } 40 | }); 41 | 42 | page.on('will-navigate', (e, url) => { 43 | if (url.indexOf('news.ycombinator.com') === -1) { 44 | e.preventDefault(); 45 | 46 | shell.openExternal(url); 47 | } 48 | }); 49 | 50 | page.on('new-window', (e, url) => { 51 | e.preventDefault(); 52 | 53 | shell.openExternal(url); 54 | }); 55 | } 56 | 57 | app.on('ready', createWindow); 58 | 59 | // Quit when all windows are closed. 60 | app.on('window-all-closed', () => { 61 | if (process.platform !== 'darwin') { 62 | app.quit(); 63 | } 64 | }); 65 | 66 | app.on('activate', () => { 67 | if (mainWindow === null) { 68 | createWindow(); 69 | } 70 | }); 71 | -------------------------------------------------------------------------------- /media/Icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bjarneo/HNU/ec7052ad20f1b4ce4356c02ed9d8563997275fd4/media/Icon.icns -------------------------------------------------------------------------------- /media/Icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bjarneo/HNU/ec7052ad20f1b4ce4356c02ed9d8563997275fd4/media/Icon.ico -------------------------------------------------------------------------------- /media/Icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bjarneo/HNU/ec7052ad20f1b4ce4356c02ed9d8563997275fd4/media/Icon.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "HNU", 3 | "version": "0.6.0", 4 | "description": "Hacker news unofficial desktop application [HNU]", 5 | "main": "main.js", 6 | "private": true, 7 | "scripts": { 8 | "start": "electron main.js", 9 | "lint": "eslint .", 10 | "build": "npm run build:linux && npm run build:windows", 11 | "build:linux": "NODE_ENV=production electron-packager . --overwrite --asar --out=dist --prune --platform=linux --arch=x64 --app-bundle-id=com.bjarneoeverli.hnu --app-version=$npm_package_version && cd dist/HNU-linux-x64/ && zip -ryq9 ../HNU-linux-${npm_package_version}.zip *", 12 | "build:windows": "NODE_ENV=production electron-packager . --overwrite --asar --out=dist --ignore='^/media/(?!Icon.*ico$).*' --prune --platform=win32 --arch=ia32 --icon=media/Icon.ico --version-string.ProductName=$npm_package_productName --app-version=$npm_package_version && cd dist/HNU-win32-ia32 && zip -ryq9 ../HNU-windows-${npm_package_version}.zip *", 13 | "build:osx": "electron-packager . --overwrite --asar --out=dist --ignore='^/media/(?!Icon.icns$).*' --prune --platform=darwin --arch=x64 --icon=media/Icon.icns --app-bundle-id=com.bjarneoeverli.hnu --app-version=$npm_package_version && cd dist/HNU-darwin-x64 && zip -ryXq9 ../HNU-osx-${npm_package_version}.zip HNU.app" 14 | }, 15 | "repository": { 16 | "type": "git", 17 | "url": "git+https://github.com/bjarneo/HNU.git" 18 | }, 19 | "keywords": [ 20 | "hacker", 21 | "news", 22 | "desktop", 23 | "application" 24 | ], 25 | "author": { 26 | "name": "Bjarne Oeverli", 27 | "email": "bjarne.oeverli@gmail.com", 28 | "url": "bjarneo.codes" 29 | }, 30 | "license": "MIT", 31 | "bugs": { 32 | "url": "https://github.com/bjarneo/HNU/issues" 33 | }, 34 | "homepage": "https://github.com/bjarneo/HNU#readme", 35 | "devDependencies": { 36 | "electron-packager": "7.0.0", 37 | "electron-prebuilt": "0.37.8", 38 | "eslint": "2.9.0", 39 | "eslint-config-vgno": "6.0.0" 40 | }, 41 | "dependencies": { 42 | "electron-json-storage": "^2.0.0" 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /src/insert-css.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const fs = require('fs'); 4 | const path = require('path'); 5 | const storage = require('electron-json-storage'); 6 | const root = path.join(path.dirname(fs.realpathSync(__filename)), '../'); 7 | 8 | module.exports = function insertCSS(page) { 9 | return function(filename) { 10 | if (!filename) { 11 | return; 12 | } 13 | 14 | storage.set('theme', { file: filename }); 15 | 16 | if (filename === 'none') { 17 | return; 18 | } 19 | 20 | page.insertCSS( 21 | fs.readFileSync( 22 | path.join(root, 'themes', filename), 23 | 'utf8' 24 | ) 25 | ); 26 | }; 27 | }; 28 | -------------------------------------------------------------------------------- /src/insert-storage-css.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const storage = require('electron-json-storage'); 4 | 5 | module.exports = function insertStorageCSS(page) { 6 | const insertCSS = require('./insert-css')(page); 7 | 8 | storage.get('theme', (err, theme) => { 9 | if (err) { 10 | throw new Error(err); 11 | } 12 | 13 | if (!theme.file) { 14 | return; 15 | } 16 | 17 | insertCSS(theme.file); 18 | }); 19 | }; 20 | -------------------------------------------------------------------------------- /src/menu.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const electron = require('electron'); 4 | const view = require('./menu/view'); 5 | 6 | module.exports = function menu(page) { 7 | const insertCSS = require('./insert-css')(page); 8 | 9 | function addTheme(label, file) { 10 | return { 11 | label, 12 | file, 13 | click() { 14 | insertCSS(file); 15 | 16 | if (label === 'default') { 17 | page.reload(); 18 | } 19 | } 20 | }; 21 | } 22 | 23 | const tpl = [ 24 | view, 25 | { 26 | label: 'Themes', 27 | submenu: [ 28 | addTheme('default', 'none'), 29 | addTheme('HNU', 'hnu.css'), 30 | addTheme('HNU Night mode', 'hnu-night.css'), 31 | addTheme('Lost sunset', 'lost-sunset.css'), 32 | addTheme('Haxxor', 'haxxor.css') 33 | ] 34 | }, 35 | { 36 | label: 'Help', 37 | submenu: [ 38 | { 39 | label: 'Website', 40 | click() { 41 | electron.shell.openExternal('https://github.com/bjarneo/HNU'); 42 | } 43 | } 44 | ] 45 | } 46 | ]; 47 | 48 | return electron.Menu.buildFromTemplate(tpl); 49 | }; 50 | -------------------------------------------------------------------------------- /src/menu/view.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const { dialog } = require('electron'); 4 | 5 | const view = { 6 | label: 'View', 7 | submenu: [ 8 | { 9 | label: 'Copy link', 10 | accelerator: 'CmdOrCtrl+L', 11 | click: (item, focusedWindow) => { 12 | dialog.showMessageBox(focusedWindow, { 13 | type: 'none', 14 | buttons: ['close'], 15 | title: 'Fetch current URL', 16 | message: focusedWindow.webContents.getURL() 17 | }); 18 | } 19 | }, 20 | { 21 | label: 'Go back', 22 | accelerator: 'CmdOrCtrl+backspace', 23 | click: (item, focusedWindow) => { 24 | if (focusedWindow.webContents.canGoBack()) { 25 | focusedWindow.webContents.goBack(); 26 | } 27 | } 28 | }, 29 | { 30 | label: 'Reload', 31 | accelerator: 'CmdOrCtrl+R', 32 | click: (item, focusedWindow) => { 33 | if (focusedWindow) { 34 | focusedWindow.webContents.reloadIgnoringCache(); 35 | } 36 | } 37 | }, 38 | { 39 | label: 'Submit', 40 | accelerator: 'CmdOrCtrl+S', 41 | click: (item, focusedWindow) => { 42 | focusedWindow.webContents.loadURL('https://news.ycombinator.com/submit'); 43 | } 44 | } 45 | ] 46 | }; 47 | 48 | if (process.env.NODE_ENV !== 'production') { 49 | view.submenu.push({ 50 | label: 'Toggle Developer Tools', 51 | accelerator: (() => { 52 | let cmd; 53 | 54 | if (process.platform === 'darwin') { 55 | cmd = 'Alt+Command+I'; 56 | } else { 57 | cmd = 'Ctrl+Shift+I'; 58 | } 59 | 60 | return cmd; 61 | })(), 62 | click: (item, focusedWindow) => { 63 | if (focusedWindow) { 64 | focusedWindow.webContents.toggleDevTools(); 65 | } 66 | } 67 | }); 68 | } 69 | 70 | module.exports = view; 71 | -------------------------------------------------------------------------------- /themes/haxxor.css: -------------------------------------------------------------------------------- 1 | .comment > span { 2 | color: #b9c0c4; 3 | } 4 | 5 | .comment .c00 a:link { 6 | color: #6bff2d; 7 | } 8 | 9 | .votearrow { 10 | background: none; 11 | } 12 | 13 | #hnmain > tbody > tr > td > table > tbody > tr > td > a, 14 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a, 15 | .itemlist a:link, 16 | .title a:link, 17 | .yclinks a:link { 18 | color: #f0f0f0; 19 | } 20 | 21 | #hnmain > tbody > tr > td > table > tbody > tr > td > a:visited, 22 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a:visited, 23 | .itemlist a:visited, 24 | .title a:visited, 25 | .yclinks a:visited { 26 | color: #cccccc; 27 | } 28 | 29 | #hnmain > tbody > tr:nth-child(1) > td, 30 | #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td { 31 | background-color: #6bff2d; 32 | } 33 | 34 | #hnmain > tbody > tr:first-child { 35 | width: 100%; 36 | display: table; 37 | position: fixed; 38 | vertical-align: middle !important; 39 | height: 50px; 40 | z-index: 9999; 41 | } 42 | 43 | #hnmain > tbody > tr:nth-child(2) { 44 | height: 55px !important; 45 | } 46 | 47 | #hnmain > tbody > tr { 48 | vertical-align: top !important; 49 | } 50 | 51 | #hnmain { 52 | background-color: #171716; 53 | height: 100%; 54 | } 55 | 56 | body { 57 | background-color: #171716; 58 | } 59 | 60 | form table, b { 61 | color: #f0f0f0; 62 | } 63 | 64 | textarea, 65 | input[type="text"], 66 | input[type="password"] { 67 | background-color: #30302f; 68 | border-radius: 5px; 69 | border: none; 70 | padding: 5px; 71 | color: #f0f0f0 !important; 72 | width: 100% !important; 73 | } 74 | 75 | input[type="submit"] { 76 | width: 100%; 77 | border: none; 78 | padding: 15px; 79 | border-radius: 5px; 80 | background-color: #6bff2d; 81 | color: #f0f0f0; 82 | font-weight: 900; 83 | cursor: pointer; 84 | opacity: 0.9; 85 | } 86 | 87 | input[type="submit"]:hover { 88 | opacity: 1; 89 | } 90 | 91 | 92 | ::-webkit-scrollbar { 93 | width: 10px; 94 | } 95 | 96 | ::-webkit-scrollbar-track { 97 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 98 | border-radius: 1px; 99 | } 100 | 101 | ::-webkit-scrollbar-thumb { 102 | background: #444; 103 | border-radius: 1px; 104 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 105 | } 106 | -------------------------------------------------------------------------------- /themes/hnu-night.css: -------------------------------------------------------------------------------- 1 | .comment > span { 2 | color: #b9c0c4; 3 | } 4 | 5 | .comment .c00 a:link { 6 | color: #ff6600; 7 | } 8 | 9 | .votearrow { 10 | background: none; 11 | } 12 | 13 | #hnmain > tbody > tr > td > table > tbody > tr > td > a, 14 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a, 15 | .itemlist a:link, 16 | .title a:link, 17 | .yclinks a:link { 18 | color: #f0f0f0; 19 | } 20 | 21 | #hnmain > tbody > tr > td > table > tbody > tr > td > a:visited, 22 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a:visited, 23 | .itemlist a:visited, 24 | .title a:visited, 25 | .yclinks a:visited { 26 | color: #cccccc; 27 | } 28 | 29 | #hnmain > tbody > tr:nth-child(1) > td, 30 | #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td { 31 | background-color: #ff6600; 32 | } 33 | 34 | #hnmain > tbody > tr:first-child { 35 | width: 100%; 36 | display: table; 37 | position: fixed; 38 | vertical-align: middle !important; 39 | height: 50px; 40 | z-index: 9999; 41 | } 42 | 43 | #hnmain > tbody > tr:nth-child(2) { 44 | height: 55px !important; 45 | } 46 | 47 | #hnmain > tbody > tr { 48 | vertical-align: top !important; 49 | } 50 | 51 | #hnmain { 52 | background-color: #212121; 53 | height: 100%; 54 | } 55 | 56 | body { 57 | background-color: #212121; 58 | } 59 | 60 | form table, b { 61 | color: #f0f0f0; 62 | } 63 | 64 | textarea, 65 | input[type="text"], 66 | input[type="password"] { 67 | background-color: #232d32; 68 | border-radius: 5px; 69 | border: none; 70 | padding: 5px; 71 | color: #f0f0f0 !important; 72 | width: 100% !important; 73 | } 74 | 75 | input[type="submit"] { 76 | width: 100%; 77 | border: none; 78 | padding: 15px; 79 | border-radius: 5px; 80 | background-color: #ff6600; 81 | color: #f0f0f0; 82 | font-weight: 900; 83 | cursor: pointer; 84 | opacity: 0.9; 85 | } 86 | 87 | input[type="submit"]:hover { 88 | opacity: 1; 89 | } 90 | 91 | 92 | ::-webkit-scrollbar { 93 | width: 10px; 94 | } 95 | 96 | ::-webkit-scrollbar-track { 97 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 98 | border-radius: 1px; 99 | } 100 | 101 | ::-webkit-scrollbar-thumb { 102 | background: #444; 103 | border-radius: 1px; 104 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 105 | } 106 | -------------------------------------------------------------------------------- /themes/hnu.css: -------------------------------------------------------------------------------- 1 | .comment > span { 2 | color: #b9c0c4; 3 | } 4 | 5 | .comment .c00 a:link { 6 | color: #239687; 7 | } 8 | 9 | .votearrow { 10 | background: none; 11 | } 12 | 13 | /* 14 | #hnmain span.comhead > a:link { 15 | color: #66737a; 16 | } 17 | 18 | #hnmain span.comhead > a:visited { 19 | color: #66737a; 20 | } 21 | */ 22 | 23 | #hnmain > tbody > tr > td > table > tbody > tr > td > a, 24 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a, 25 | .itemlist a:link, 26 | .title a:link, 27 | .yclinks a:link { 28 | color: #f0f0f0; 29 | } 30 | 31 | #hnmain > tbody > tr > td > table > tbody > tr > td > a:visited, 32 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a:visited, 33 | .itemlist a:visited, 34 | .title a:visited, 35 | .yclinks a:visited { 36 | color: #cccccc; 37 | } 38 | 39 | #hnmain > tbody > tr:nth-child(1) > td, 40 | #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td { 41 | background-color: #239687; 42 | } 43 | 44 | #hnmain > tbody > tr:first-child { 45 | width: 100%; 46 | display: table; 47 | position: fixed; 48 | vertical-align: middle !important; 49 | height: 50px; 50 | z-index: 9999; 51 | } 52 | 53 | #hnmain > tbody > tr:nth-child(2) { 54 | height: 55px !important; 55 | } 56 | 57 | #hnmain > tbody > tr { 58 | vertical-align: top !important; 59 | } 60 | 61 | #hnmain { 62 | background-color: #273239; 63 | height: 100%; 64 | } 65 | 66 | body { 67 | background-color: #273239; 68 | } 69 | 70 | form table, b { 71 | color: #f0f0f0; 72 | } 73 | 74 | textarea, 75 | input[type="text"], 76 | input[type="password"] { 77 | background-color: #232d32; 78 | border-radius: 5px; 79 | border: none; 80 | padding: 5px; 81 | color: #f0f0f0 !important; 82 | width: 100% !important; 83 | } 84 | 85 | input[type="submit"] { 86 | width: 100%; 87 | border: none; 88 | padding: 15px; 89 | border-radius: 5px; 90 | background-color: #239687; 91 | color: #f0f0f0; 92 | font-weight: 900; 93 | cursor: pointer; 94 | opacity: 0.9; 95 | } 96 | 97 | input[type="submit"]:hover { 98 | opacity: 1; 99 | } 100 | 101 | ::-webkit-scrollbar { 102 | width: 10px; 103 | } 104 | 105 | ::-webkit-scrollbar-track { 106 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 107 | border-radius: 1px; 108 | } 109 | 110 | ::-webkit-scrollbar-thumb { 111 | background: #239687; 112 | border-radius: 1px; 113 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 114 | } 115 | -------------------------------------------------------------------------------- /themes/lost-sunset.css: -------------------------------------------------------------------------------- 1 | .comment > span { 2 | color: #b9c0c4; 3 | } 4 | 5 | .comment .c00 a:link { 6 | color: #fa7066; 7 | } 8 | 9 | .votearrow { 10 | background: none; 11 | } 12 | 13 | #hnmain > tbody > tr > td > table > tbody > tr > td > a, 14 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a, 15 | .itemlist a:link, 16 | .title a:link, 17 | .yclinks a:link { 18 | color: #f0f0f0; 19 | } 20 | 21 | #hnmain > tbody > tr > td > table > tbody > tr > td > a:visited, 22 | #hnmain > tbody > tr > td > form > table > tbody > tr > td > a:visited, 23 | .itemlist a:visited, 24 | .title a:visited, 25 | .yclinks a:visited { 26 | color: #cccccc; 27 | } 28 | 29 | #hnmain > tbody > tr:nth-child(1) > td, 30 | #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td { 31 | background-color: #fa7066; 32 | } 33 | 34 | #hnmain > tbody > tr:first-child { 35 | width: 100%; 36 | display: table; 37 | position: fixed; 38 | vertical-align: middle !important; 39 | height: 50px; 40 | z-index: 9999; 41 | } 42 | 43 | #hnmain > tbody > tr:nth-child(2) { 44 | height: 55px !important; 45 | } 46 | 47 | #hnmain > tbody > tr { 48 | vertical-align: top !important; 49 | } 50 | 51 | #hnmain { 52 | background-color: #2c1b31; 53 | height: 100%; 54 | } 55 | 56 | body { 57 | background-color: #2c1b31; 58 | } 59 | 60 | form table, b { 61 | color: #f0f0f0; 62 | } 63 | 64 | textarea, 65 | input[type="text"], 66 | input[type="password"] { 67 | background-color: #623c62; 68 | border-radius: 5px; 69 | border: none; 70 | padding: 5px; 71 | color: #f0f0f0 !important; 72 | width: 100% !important; 73 | } 74 | 75 | input[type="submit"] { 76 | width: 100%; 77 | border: none; 78 | padding: 15px; 79 | border-radius: 5px; 80 | background-color: #fa7066; 81 | color: #f0f0f0; 82 | font-weight: 900; 83 | cursor: pointer; 84 | opacity: 0.9; 85 | } 86 | 87 | input[type="submit"]:hover { 88 | opacity: 1; 89 | } 90 | 91 | ::-webkit-scrollbar { 92 | width: 10px; 93 | } 94 | 95 | ::-webkit-scrollbar-track { 96 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 97 | border-radius: 1px; 98 | } 99 | 100 | ::-webkit-scrollbar-thumb { 101 | background: #fa7066; 102 | border-radius: 1px; 103 | -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 104 | } 105 | --------------------------------------------------------------------------------