Classic stylesheets for web applications.

5 themes and a combined 205 skins from Common Desktop Environment, Windows 3.x, Windows 9x/Me/2000, Windows XP, and Mac OS 9.

Demo:

• Windows 3.1 / Windows 3.11
• Windows 95
• Windows 98
• Windows 2000
• CDE (default)
• CDE (Solaris default)
• Windows XP Default blue (aka Luna)
• Windows XP Olive green
• Windows XP Silver
• Mac OS 9

Packages

Minified CSS files and assets can be downloaded from the release page.

Each theme package consists of the following:

• theme.css – The theme stylesheet
• theme.min.css – Minified version of the above file
• layout.css – Optional common layout utilities shared by all themes
• layout.min.css – Minified version of above file
• combined.min.css – Combination of layout.min.css and theme.min.css
• skins/*.css – Theme variations

Install using NPM

npm install --save classic-stylehseets

When using a bundler like Vite you can include a theme and skin into your CSS or SCSS file like this:

@import 'classic-stylesheets/layout.css';
@import 'classic-stylesheets/themes/win9x/theme.css';
@import 'classic-stylesheets/themes/win9x/skins/95.css';

Modules

Most of the functionality works without JavaScript. Additional functionality can be enabled with the following minimal JavaScript modules found in the modules directory:

• tabs.js: Enables the use of tabs.
• lists.js: Enables the use of list boxes.
• wm.js: Experimental window manager, see this demo.