reapercss 1.0.7

package/CSS/reaper.min.css

@@ -0,0 +1,4 @@
+/*!
+ * Reaper - Minimal Black/White Theme
+ * Version: 1.0.0
+ */::placeholder,::-webkit-input-placeholder,:-ms-input-placeholder{color:#666666}::selection,::-moz-selection{background-color:rgba(255,255,255,0.15);color:#e8e8e8}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#1a1a1a;border:2px solid #0a0a0a}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000000;color:#e8e8e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1.6;margin:40px auto;max-width:800px;padding:0 20px;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-bottom:16px;color:#ffffff;font-weight:600}h1{font-size:2.2em;margin-top:0}b,strong{color:#ffffff;font-weight:600}a{color:#ffffff;transition:color .2s ease}a:hover{color:#cccccc}blockquote{background-color:#0a0a0a;border-left:4px solid #333333;font-style:italic;margin:1.5em 0;padding:.5em 1em}blockquote cite{font-style:normal}blockquote>footer{color:#d4d4d4;font-style:normal;margin-top:10px}address{font-style:normal}code,kbd{background:#0a0a0a;color:#d1d1d1;font-family:"SF Mono",Monaco,"Cascadia Mono","Segoe UI Mono",monospace;font-size:.9em;padding:2px 6px}pre>code{border:1px solid #222222;display:block;overflow-x:auto;padding:16px}img{height:auto;max-width:100%}hr{border:none;border-top:1px solid #444444;margin:2em 0}table{border-collapse:collapse;border:1px solid #222222;margin-bottom:1.5em;overflow:hidden;width:100%}th{background-color:#0a0a0a;border-bottom:1px solid #222222;font-weight:600;padding:12px;text-align:left}td{border-bottom:1px solid #222222;padding:12px;text-align:left}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(even){background-color:rgba(255,255,255,0.02)}tbody tr:hover{background-color:rgba(255,255,255,0.05)}button,input,select,textarea{background-color:#0a0a0a;border:1px solid #222222;color:#e8e8e8;font-family:inherit;font-size:inherit;margin-bottom:8px;margin-right:6px;outline:none;padding:12px;transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}button:focus,input:focus,select:focus,textarea:focus{border-color:#555555;box-shadow:0 0 0 2px rgba(255,255,255,0.1)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}button{-webkit-appearance:none;cursor:pointer;padding-left:30px;padding-right:30px}button:hover{background:#1a1a1a;border-color:#333333}input:not([type="checkbox"]):not([type="radio"]){-webkit-appearance:none;display:block}input[type="submit"],input[type="button"]{cursor:pointer;padding-left:30px;padding-right:30px}input[type="submit"]:hover,input[type="button"]:hover{background:#1a1a1a;border-color:#333333}input[type="checkbox"]{cursor:pointer}input[type="checkbox"]:active,input[type="radio"]:active,input[type="submit"]:active,input[type="button"]:active,button:active{transform:translateY(2px)}select{-webkit-appearance:none;display:block}textarea{-webkit-appearance:none;box-sizing:border-box;min-height:100px;resize:vertical;width:100%}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Joe-Manuel Schlüter
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,31 @@
+![Icon](icons/icon_small.png)
+
+# ReaperCSS
+
+A tiny, class-free CSS framework that instantly makes HTML look clean and readable.
+
+## Download
+
+Get the link:
+
+[reaper.min.css](https://reapercss.dev/css/reaper.min.css)
+
+```html
+<link rel="stylesheet" href="https://reapercss.dev/css/reaper.min.css" />
+```
+
+## Features
+
+- **Classless:** Works without adding classes
+- **Dark-first:** Elegant dark theme by default
+- **Minimal:** <5 KB, zero dependencies
+- **Semantic:** Styles proper HTML elements naturally
+- **Customizable:** Easy to override with your own CSS
+
+## Contribute
+
+Contributions, suggestions, and bug reports are welcome! Feel free to open an issue or submit a pull request.
+
+## License
+
+[MIT License](LICENSE)

package/css/reaper.min.css

@@ -0,0 +1,4 @@
+/*!
+ * Reaper - Minimal Black/White Theme
+ * Version: 1.0.0
+ */::placeholder,::-webkit-input-placeholder,:-ms-input-placeholder{color:#666666}::selection,::-moz-selection{background-color:rgba(255,255,255,0.15);color:#e8e8e8}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#1a1a1a;border:2px solid #0a0a0a}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000000;color:#e8e8e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1.6;margin:40px auto;max-width:800px;padding:0 20px;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-bottom:16px;color:#ffffff;font-weight:600}h1{font-size:2.2em;margin-top:0}b,strong{color:#ffffff;font-weight:600}a{color:#ffffff;transition:color .2s ease}a:hover{color:#cccccc}blockquote{background-color:#0a0a0a;border-left:4px solid #333333;font-style:italic;margin:1.5em 0;padding:.5em 1em}blockquote cite{font-style:normal}blockquote>footer{color:#d4d4d4;font-style:normal;margin-top:10px}address{font-style:normal}code,kbd{background:#0a0a0a;color:#d1d1d1;font-family:"SF Mono",Monaco,"Cascadia Mono","Segoe UI Mono",monospace;font-size:.9em;padding:2px 6px}pre>code{border:1px solid #222222;display:block;overflow-x:auto;padding:16px}img{height:auto;max-width:100%}hr{border:none;border-top:1px solid #444444;margin:2em 0}table{border-collapse:collapse;border:1px solid #222222;margin-bottom:1.5em;overflow:hidden;width:100%}th{background-color:#0a0a0a;border-bottom:1px solid #222222;font-weight:600;padding:12px;text-align:left}td{border-bottom:1px solid #222222;padding:12px;text-align:left}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(even){background-color:rgba(255,255,255,0.02)}tbody tr:hover{background-color:rgba(255,255,255,0.05)}button,input,select,textarea{background-color:#0a0a0a;border:1px solid #222222;color:#e8e8e8;font-family:inherit;font-size:inherit;margin-bottom:8px;margin-right:6px;outline:none;padding:12px;transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}button:focus,input:focus,select:focus,textarea:focus{border-color:#555555;box-shadow:0 0 0 2px rgba(255,255,255,0.1)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}button{-webkit-appearance:none;cursor:pointer;padding-left:30px;padding-right:30px}button:hover{background:#1a1a1a;border-color:#333333}input:not([type="checkbox"]):not([type="radio"]){-webkit-appearance:none;display:block}input[type="submit"],input[type="button"]{cursor:pointer;padding-left:30px;padding-right:30px}input[type="submit"]:hover,input[type="button"]:hover{background:#1a1a1a;border-color:#333333}input[type="checkbox"]{cursor:pointer}input[type="checkbox"]:active,input[type="radio"]:active,input[type="submit"]:active,input[type="button"]:active,button:active{transform:translateY(2px)}select{-webkit-appearance:none;display:block}textarea{-webkit-appearance:none;box-sizing:border-box;min-height:100px;resize:vertical;width:100%}

package/less/modules/_base.less

@@ -0,0 +1,89 @@
+@import (reference) "_variables";
+
+/* placeholder */
+::placeholder,
+::-webkit-input-placeholder,
+:-ms-input-placeholder {
+  color: @placeholder;
+}
+
+/* selection */
+::selection,
+::-moz-selection {
+  background-color: @selection-bg;
+  color: @primary-txt;
+}
+
+/* scrollbar */
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+::-webkit-scrollbar-track {
+  background: @secondary-bg;
+}
+::-webkit-scrollbar-thumb {
+  background: @scrollbar;
+  border: 2px solid @secondary-bg;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: @scrollbar-hover;
+}
+/* body */
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  background: @primary-bg;
+  color: @primary-txt;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue",
+    sans-serif;
+  line-height: 1.6;
+  margin: 40px auto;
+  max-width: 800px;
+  padding: 0 20px;
+  text-rendering: optimizeLegibility;
+}
+
+/* headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  line-height: 1.3;
+  margin-bottom: 16px;
+  color: @heading-txt;
+  font-weight: 600;
+}
+h1 {
+  font-size: 2.2em;
+  margin-top: 0;
+}
+
+/* bold text */
+b,
+strong {
+  color: @heading-txt;
+  font-weight: 600;
+}
+
+/* links */
+a {
+  color: @primary-anchor;
+  transition: color 0.2s ease;
+}
+a:hover {
+  color: @link-hover;
+}

package/less/modules/_content.less

@@ -0,0 +1,81 @@
+@import (reference) "_variables";
+
+/* blockquotes */
+blockquote {
+  background-color: @secondary-bg;
+  border-left: 4px solid @bq-border;
+  font-style: italic;
+  margin: 1.5em 0;
+  padding: 0.5em 1em;
+}
+blockquote cite {
+  font-style: normal;
+}
+blockquote > footer {
+  color: @bq-color;
+  font-style: normal;
+  margin-top: 10px;
+}
+
+address {
+  font-style: normal;
+}
+
+/* code & pre */
+code,
+kbd {
+  background: @secondary-bg;
+  color: @primary-code;
+  font-family: "SF Mono", Monaco, "Cascadia Mono", "Segoe UI Mono", monospace;
+  font-size: 0.9em;
+  padding: 2px 6px;
+}
+pre > code {
+  border: 1px solid @border-color;
+  display: block;
+  overflow-x: auto;
+  padding: 16px;
+}
+
+/* images */
+img {
+  height: auto;
+  max-width: 100%;
+}
+
+/* hr */
+hr {
+  border: none;
+  border-top: 1px solid @accent-color;
+  margin: 2em 0;
+}
+
+/* tables */
+table {
+  border-collapse: collapse;
+  border: 1px solid @border-color;
+  margin-bottom: 1.5em;
+  overflow: hidden;
+  width: 100%;
+}
+th {
+  background-color: @secondary-bg;
+  border-bottom: 1px solid @border-color;
+  font-weight: 600;
+  padding: 12px;
+  text-align: left;
+}
+td {
+  border-bottom: 1px solid @border-color;
+  padding: 12px;
+  text-align: left;
+}
+tbody tr:last-child td {
+  border-bottom: none;
+}
+tbody tr:nth-child(even) {
+  background-color: rgba(255, 255, 255, 0.02);
+}
+tbody tr:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}

package/less/modules/_forms.less

@@ -0,0 +1,90 @@
+@import (reference) "_variables";
+
+/* form elements */
+button,
+input,
+select,
+textarea {
+  background-color: @secondary-bg;
+  border: 1px solid @border-color;
+  color: @secondary-txt;
+  font-family: inherit;
+  font-size: inherit;
+  margin-bottom: 8px;
+  margin-right: 6px;
+  outline: none;
+  padding: 12px;
+  transition:
+    background-color 0.1s linear,
+    border-color 0.1s linear,
+    color 0.1s linear,
+    box-shadow 0.1s linear,
+    transform 0.1s ease;
+}
+
+button:focus,
+input:focus,
+select:focus,
+textarea:focus {
+  border-color: #555555;
+  box-shadow: 0 0 0 2px @box-shadow;
+}
+
+button:disabled,
+input:disabled,
+select:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+button {
+  -webkit-appearance: none;
+  cursor: pointer;
+  padding-left: 30px;
+  padding-right: 30px;
+}
+button:hover {
+  background: @button-hover;
+  border-color: #333333;
+}
+
+/* input types */
+input:not([type="checkbox"]):not([type="radio"]) {
+  -webkit-appearance: none;
+  display: block;
+}
+input[type="submit"],
+input[type="button"] {
+  cursor: pointer;
+  padding-left: 30px;
+  padding-right: 30px;
+}
+input[type="submit"]:hover,
+input[type="button"]:hover {
+  background: @button-hover;
+  border-color: #333333;
+}
+input[type="checkbox"] {
+  cursor: pointer;
+}
+input[type="checkbox"]:active,
+input[type="radio"]:active,
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  transform: translateY(2px);
+}
+
+select {
+  -webkit-appearance: none;
+  display: block;
+}
+
+textarea {
+  -webkit-appearance: none;
+  box-sizing: border-box;
+  min-height: 100px;
+  resize: vertical;
+  width: 100%;
+}

package/less/modules/_variables.less

@@ -0,0 +1,18 @@
+@accent-color: #444444;
+@border-color: #222222;
+@box-shadow: rgba(255, 255, 255, 0.1);
+@bq-border: #333333;
+@bq-color: #d4d4d4;
+@button-hover: #1a1a1a;
+@heading-txt: #ffffff;
+@link-hover: #cccccc;
+@placeholder: #666666;
+@primary-anchor: #ffffff;
+@primary-bg: #000000;
+@primary-code: #d1d1d1;
+@primary-txt: #e8e8e8;
+@scrollbar-hover: #2a2a2a;
+@scrollbar: #1a1a1a;
+@secondary-bg: #0a0a0a;
+@secondary-txt: #e8e8e8;
+@selection-bg: rgba(255, 255, 255, 0.15);

package/less/reaper.less

@@ -0,0 +1,12 @@
+// out: "../css/reaper.min.css"
+
+/*!
+ * Reaper - Minimal Black/White Theme
+ * Version: 1.0.0
+ */
+
+// Import modules
+@import "modules/_variables";
+@import "modules/_base";
+@import "modules/_content";
+@import "modules/_forms";

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "reapercss",
+  "version": "1.0.7",
+  "description": "A tiny, class-free CSS framework that instantly makes HTML look clean and readable.",
+  "main": "CSS/reaper.min.css",
+  "style": "less/reaper.less",
+  "files": [
+    "CSS/",
+    "less/",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "lessc less/reaper.less CSS/reaper.min.css --compress",
+    "dev": "less-watch-compiler less CSS reaper.less"
+  },
+  "keywords": [
+    "css",
+    "framework",
+    "classless",
+    "minimal",
+    "dark-theme"
+  ],
+  "author": "notapiratelol",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/notapiratelol/reapercss.git"
+  },
+  "bugs": {
+    "url": "https://github.com/notapiratelol/reapercss/issues"
+  },
+  "homepage": "https://reapercss.dev",
+  "devDependencies": {
+    "less": "^4.5.1",
+    "less-plugin-clean-css": "^1.6.0",
+    "less-watch-compiler": "^1.16.3"
+  }
+}