https://github.com/serguun42/osnovadarktheme

Userscript adding various themes to Osnova including dark ones. Comes with multiple custom subthemes and modules.
https://github.com/serguun42/osnovadarktheme

darktheme greasemonkey osnova tampermonkey userscript violentmonkey webpack

Last synced: 3 months ago
JSON representation

Userscript adding various themes to Osnova including dark ones. Comes with multiple custom subthemes and modules.

• Host: GitHub
• URL: https://github.com/serguun42/osnovadarktheme
• Owner: serguun42
• License: gpl-3.0
• Created: 2020-06-18T16:09:02.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-08-19T13:57:26.000Z (over 1 year ago)
• Last Synced: 2024-11-07T09:02:39.972Z (3 months ago)
• Topics: darktheme, greasemonkey, osnova, tampermonkey, userscript, violentmonkey, webpack
• Language: CSS
• Homepage: https://serguun42.ru/tampermonkey/osnova_dark_theme.user.js
• Size: 705 KB
• Stars: 10
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Osnova Dark Theme

Userscript bringing dark theme to Osnova platform. Contains A LOT of subthemes and modules.

## How it works

Core file [`src/core.js`](./src/core.js) imports necessary utils and modules. Its primary task is to apply chosen or default options on page load or on demand (e.g. attaching link to _Ultra Dark Theme_ style or showing favourites marker). Webpack bundles all JS files in [`src`](./src) to single `build/osnova-dark-theme.user.js` – this bundled file is ready for use in _\*monkey_.

All [CSS and other resources](./resources) could be deployed to production server without any minification. For minification see `npm run resources` command.

## Building with npm

1. Install necessary dependencies – `npm i --production`

2. Bundle userscript with [webpack](https://webpack.js.org/) and [`@serguun42/webpack-userscript-plugin`](https://www.npmjs.com/package/@serguun42/webpack-userscript-plugin) – `npm run build`

3. Minify all css with [postcss](https://github.com/postcss/postcss), [cssnano](https://cssnano.co/) and [autoprefixer](https://github.com/postcss/autoprefixer) and dump it to `build/` folder – `npm run resources`

## Development

1. Install all dependencies – `npm i`

2. Build userscript in [watch mode](https://webpack.js.org/configuration/watch/) – `npm run dev`, output to `dev/osnova-dark-theme.user.js`

3. Check project with ESLint – `npm run lint`

## About

-   [Introduction post](https://dtf.ru/666655#darkmode)

-   [Updates posts](https://dtf.ru/tag/darktheme)

Options available for end-user



	



#### [License – GNU GPL v3](./LICENSE)