You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Marcel K. 53934c8b97 „README.md“ ändern 9 months ago
docs Fixed one Checkbox to run without node 9 months ago
gui Fixed Console Window margin 9 months ago
themes Updated Comment 9 months ago
.gitignore Updated gitignore 9 months ago
LICENSE chore: clean up code split 9 months ago
README.md „README.md“ ändern 9 months ago

README.md

XP.css Remaster

A design system for building faithful recreations of old UIs.

a screenshot of a window with the title 'My First Program' and two buttons OK and Cancel, styled like a Windows XP dialog a screenshot of a window with the title 'My First Program' and two buttons OK and Cancel, styled like a Windows 98 dialog

XP.css is an extension of 98.css. A CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.

Installation / Usage

<!DOCTYPE html>
<html>
  <head>
    <title>XP.css example</title>
    <meta charset="UTF-8" />
    // Windows XP Theme (include only one theme at a time)
    <link rel="stylesheet" href="xp.css" />
    // Windows 98 Theme (include only one theme at a time)
    <link rel="stylesheet" href="98.css" />
  </head>

  <body>
    <div class="window" style="margin: 32px; width: 250px">
      <div class="title-bar">
        <div class="title-bar-text">
          My First Program
        </div>
      </div>
      <div class="window-body">
        <p>Hello, world!</p>
      </div>
    </div>
  </body>
</html>

Refer to the documentation page for specific instructions on this library's components.

Developing

Clone the repo and compile index.scss from the theme you want

The core styles are managed in gui.

To create your own theme for the GUI you can extend the core styles. See the XP and 98 themes

Issues, Contributing, etc.

I would love to see other people's work on gui.css, if anyone else if up for creating a theme for another OS using this framework. Also new components and bugs/issues are also welcome! Feel free to contribute in whatever way you like!

Also please refer to the GitHub issues page for jdan's 98.css.

License

MIT