first commit
This commit is contained in:
commit
1a486fc8b2
6 changed files with 379 additions and 0 deletions
17
.editorconfig
Normal file
17
.editorconfig
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
# EditorConfig helps developers define and maintain consistent
|
||||||
|
# coding styles between different editors and IDEs
|
||||||
|
# EditorConfig is awesome: https://EditorConfig.org
|
||||||
|
|
||||||
|
root = true
|
||||||
|
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_size = 4
|
||||||
|
indent_style = tab
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.{diff,md}]
|
||||||
|
trim_trailing_whitespace = false
|
21
LICENSE
Normal file
21
LICENSE
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2021 Catppuccin
|
||||||
|
|
||||||
|
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.
|
48
README.md
Normal file
48
README.md
Normal file
|
@ -0,0 +1,48 @@
|
||||||
|
<h3 align="center">
|
||||||
|
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
|
||||||
|
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
|
||||||
|
Catppuccin for <a href="https://codeberg.org">Codeberg</a>
|
||||||
|
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://github.com/catppuccin/codeberg/stargazers"><img src="https://img.shields.io/github/stars/catppuccin/codeberg?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a>
|
||||||
|
<a href="https://github.com/catppuccin/codeberg/issues"><img src="https://img.shields.io/github/issues/catppuccin/codeberg?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a>
|
||||||
|
<a href="https://github.com/catppuccin/codeberg/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/codeberg?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<img src="assets/codeberg-screenshot.webp"/>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
#### Stylus
|
||||||
|
|
||||||
|
1. Install the Stylus [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/styl-us/)/[Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) extension.
|
||||||
|
2. [Click here to install.](https://github.com/catppuccin/codeberg/raw/main/catppuccin.user.css)
|
||||||
|
|
||||||
|
#### Stylish
|
||||||
|
|
||||||
|
1. Install the Stylish [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/stylish/)/[Chrome](https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe) extension.
|
||||||
|
2. Create a new custom style that applies to `codeberg.org`.
|
||||||
|
3. Copy the contents of [catppuccin.user.css](catppuccin.user.css) and paste it on the created style.
|
||||||
|
|
||||||
|
|
||||||
|
## 💝 Thanks to
|
||||||
|
|
||||||
|
- [justTOBBI](https://github.com/justTOBBI)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
Copyright © 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>
|
||||||
|
</p>
|
0
assets/.gitkeep
Normal file
0
assets/.gitkeep
Normal file
BIN
assets/codeberg-screenshot.webp
Normal file
BIN
assets/codeberg-screenshot.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 115 KiB |
293
catppuccin.user.css
Normal file
293
catppuccin.user.css
Normal file
|
@ -0,0 +1,293 @@
|
||||||
|
/* ==UserStyle==
|
||||||
|
@name Catppuccin Codeberg
|
||||||
|
@namespace github.com/catppuccin/codeberg
|
||||||
|
@version 1.0.0
|
||||||
|
@description Soothing pastel theme for Codeberg
|
||||||
|
@author Catppuccin
|
||||||
|
@updateURL https://github.com/catppuccin/codeberg/raw/main/catppuccin.user.css
|
||||||
|
@preprocessor stylus
|
||||||
|
|
||||||
|
|
||||||
|
@var select theme "Theme" ["Latte", "Frappe", "Macchiato", "Mocha*"]
|
||||||
|
==/UserStyle== */
|
||||||
|
|
||||||
|
@-moz-document domain("codeberg.org") {
|
||||||
|
/* Quelltext hier eingeben... */
|
||||||
|
if (theme=="Latte") {
|
||||||
|
$type = light
|
||||||
|
|
||||||
|
$rosewater = #dc8a78
|
||||||
|
$flamingo = #dd7878
|
||||||
|
$pink = #ea76cb
|
||||||
|
$mauve = #8839ef
|
||||||
|
$red = #d20f39
|
||||||
|
$maroon = #e64553
|
||||||
|
$peach = #fe640b
|
||||||
|
$yellow = #df8e1d
|
||||||
|
$green = #40a02b
|
||||||
|
$teal = #179299
|
||||||
|
$sky = #04a5e5
|
||||||
|
$sapphire = #209fb5
|
||||||
|
$blue = #1e66f5
|
||||||
|
$lavender = #7287fd
|
||||||
|
$text = #4c4f69
|
||||||
|
$subtext1 = #5c5f77
|
||||||
|
$subtext0 = #6c6f85
|
||||||
|
$overlay2 = #7c7f93
|
||||||
|
$overlay1 = #8c8fa1
|
||||||
|
$overlay0 = #9ca0b0
|
||||||
|
$surface2 = #acb0be
|
||||||
|
$surface1 = #bcc0cc
|
||||||
|
$surface0 = #ccd0da
|
||||||
|
$base = #eff1f5
|
||||||
|
$mantle = #e6e9ef
|
||||||
|
$crust = #dce0e8
|
||||||
|
}
|
||||||
|
else if (theme=="Frappe") {
|
||||||
|
$type = dark
|
||||||
|
|
||||||
|
$rosewater = #f2d5cf
|
||||||
|
$flamingo = #eebebe
|
||||||
|
$pink = #f4b8e4
|
||||||
|
$mauve = #ca9ee6
|
||||||
|
$red = #e78284
|
||||||
|
$maroon = #ea999c
|
||||||
|
$peach = #ef9f76
|
||||||
|
$yellow = #e5c890
|
||||||
|
$green = #a6d189
|
||||||
|
$teal = #81c8be
|
||||||
|
$sky = #99d1db
|
||||||
|
$sapphire = #85c1dc
|
||||||
|
$blue = #8caaee
|
||||||
|
$lavender = #babbf1
|
||||||
|
$text = #c6d0f5
|
||||||
|
$subtext1 = #b5bfe2
|
||||||
|
$subtext0 = #a5adce
|
||||||
|
$overlay2 = #949cbb
|
||||||
|
$overlay1 = #838ba7
|
||||||
|
$overlay0 = #737994
|
||||||
|
$surface2 = #626880
|
||||||
|
$surface1 = #51576d
|
||||||
|
$surface0 = #414559
|
||||||
|
$base = #303446
|
||||||
|
$mantle = #292c3c
|
||||||
|
$crust = #232634
|
||||||
|
}
|
||||||
|
else if (theme=="Macchiato") {
|
||||||
|
$type = dark
|
||||||
|
|
||||||
|
$rosewater = #f4dbd6
|
||||||
|
$flamingo = #f0c6c6
|
||||||
|
$pink = #f5bde6
|
||||||
|
$mauve = #c6a0f6
|
||||||
|
$red = #ed8796
|
||||||
|
$maroon = #ee99a0
|
||||||
|
$peach = #f5a97f
|
||||||
|
$yellow = #eed49f
|
||||||
|
$green = #a6da95
|
||||||
|
$teal = #8bd5ca
|
||||||
|
$sky = #91d7e3
|
||||||
|
$sapphire = #7dc4e4
|
||||||
|
$blue = #8aadf4
|
||||||
|
$lavender = #b7bdf8
|
||||||
|
$text = #cad3f5
|
||||||
|
$subtext1 = #b8c0e0
|
||||||
|
$subtext0 = #a5adcb
|
||||||
|
$overlay2 = #939ab7
|
||||||
|
$overlay1 = #8087a2
|
||||||
|
$overlay0 = #6e738d
|
||||||
|
$surface2 = #5b6078
|
||||||
|
$surface1 = #494d64
|
||||||
|
$surface0 = #363a4f
|
||||||
|
$base = #24273a
|
||||||
|
$mantle = #1e2030
|
||||||
|
$crust = #181926
|
||||||
|
}
|
||||||
|
else if (theme=="Mocha") {
|
||||||
|
$type = dark
|
||||||
|
|
||||||
|
$rosewater = #f5e0dc
|
||||||
|
$flamingo = #f2cdcd
|
||||||
|
$pink = #f5c2e7
|
||||||
|
$mauve = #cba6f7
|
||||||
|
$red = #f38ba8
|
||||||
|
$maroon = #eba0ac
|
||||||
|
$peach = #fab387
|
||||||
|
$yellow = #f9e2af
|
||||||
|
$green = #a6e3a1
|
||||||
|
$teal = #94e2d5
|
||||||
|
$sky = #89dceb
|
||||||
|
$sapphire = #74c7ec
|
||||||
|
$lavender = #b4befe
|
||||||
|
$blue = #89b4fa
|
||||||
|
$text = #cdd6f4
|
||||||
|
$subtext1 = #bac2de
|
||||||
|
$subtext0 = #a6adc8
|
||||||
|
$overlay2 = #9399b2
|
||||||
|
$overlay1 = #7f849c
|
||||||
|
$overlay0 = #6c7086
|
||||||
|
$surface2 = #585b70
|
||||||
|
$surface1 = #45475a
|
||||||
|
$surface0 = #313244
|
||||||
|
$base = #1e1e2e
|
||||||
|
$mantle = #181825
|
||||||
|
$crust = #11111b
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--color-body: $base;
|
||||||
|
--color-text: $text;
|
||||||
|
--color-text-light: $subtext0;
|
||||||
|
--color-text-light-2: $subtext1;
|
||||||
|
--color-text-light-3: $subtext1;
|
||||||
|
--color-text-dark: $subtext0;
|
||||||
|
--color-text-dark-2: $subtext1;
|
||||||
|
--color-text-dark-3: $subtext1;
|
||||||
|
--color-secondary: $surface1;
|
||||||
|
--color-caret: $text;
|
||||||
|
--color-navbar: $surface0;;
|
||||||
|
--color-footer: $surface0;
|
||||||
|
|
||||||
|
--color-red: $red;
|
||||||
|
--color-orange: $peach;
|
||||||
|
--color-yellow: $yellow;
|
||||||
|
--color-olive: $green;
|
||||||
|
--color-green: $green;
|
||||||
|
--color-teal: $teal;
|
||||||
|
--color-blue: $blue;
|
||||||
|
--color-violet: $mauve;
|
||||||
|
--color-purple: $mauve;
|
||||||
|
--color-grey: $overlay0;
|
||||||
|
--color-gold: $yellow;
|
||||||
|
--color-red-light: $red;
|
||||||
|
--color-orange-light: $peach;
|
||||||
|
--color-yellow-light: $yellow;
|
||||||
|
--color-olive-light: $green;
|
||||||
|
--color-green-light: $green;
|
||||||
|
--color-teal-light: $teal;
|
||||||
|
--color-blue-light: $blue;
|
||||||
|
--color-violet-light: $mauve;
|
||||||
|
--color-purple-light: $mauve;
|
||||||
|
--color-grey-light: $overlay2;
|
||||||
|
--color-gold-light: $yellow;
|
||||||
|
--color-black: $crust;
|
||||||
|
--color-white: $text;
|
||||||
|
|
||||||
|
--color-primary: $blue
|
||||||
|
|
||||||
|
--color-console-fg: $text;
|
||||||
|
--color-console-bg: $base;
|
||||||
|
|
||||||
|
--color-error-border: $maroon;
|
||||||
|
--color-error-bg: $overlay0;
|
||||||
|
--color-error-text: $subtext1;
|
||||||
|
|
||||||
|
--color-success-border: $green;
|
||||||
|
--color-success-bg: $overlay0;
|
||||||
|
--color-success-text: $subtext1;
|
||||||
|
|
||||||
|
--color-warning-border: $orange;
|
||||||
|
--color-warning-bg: $overlay1;
|
||||||
|
--color-warning-text: $subtext1;
|
||||||
|
|
||||||
|
--color-info-border: $overlay0;
|
||||||
|
--color-info-bg: $surface0;
|
||||||
|
--color-info-text: $subtext1;
|
||||||
|
|
||||||
|
--color-box-header: $surface1;
|
||||||
|
--color-box-body: $surface0;
|
||||||
|
|
||||||
|
--color-markup-code-block: $surface2;
|
||||||
|
|
||||||
|
--color-input-background: $base;
|
||||||
|
--color-input-border: $surface1;
|
||||||
|
--color-input-text: $text;
|
||||||
|
|
||||||
|
--color-card: $surface0;
|
||||||
|
|
||||||
|
--color-active: $surface0;
|
||||||
|
--color-menu: $surface1;
|
||||||
|
|
||||||
|
--color-button: $overlay0;
|
||||||
|
--color-light-border: $surface1;
|
||||||
|
--color-dark-border: $overlay0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: $base;
|
||||||
|
color: $text;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.ui.table {
|
||||||
|
color: $text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repository-summary {
|
||||||
|
background-color: $surface0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.green.button {
|
||||||
|
background-color: $green;
|
||||||
|
color: $base;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.red.button {
|
||||||
|
background-color: $red;
|
||||||
|
color: $base;
|
||||||
|
border-color: $overlay0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.basic.red.button {
|
||||||
|
color: $red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.ui.negative.button {
|
||||||
|
background-color: $red;
|
||||||
|
color: $base;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.basic.green.button {
|
||||||
|
color: $green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.breadcrumb {
|
||||||
|
color: $text;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
* {
|
||||||
|
caret-color: $text;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.ui.red.label, .ui.red.labels .label {
|
||||||
|
background-color: $red!important;
|
||||||
|
border-color: $red!important;
|
||||||
|
color: $base!important;
|
||||||
|
}
|
||||||
|
.ui.green.label, .ui.green.labels, .ui.basic.green.label {
|
||||||
|
background-color: $green!important;
|
||||||
|
border-color: $green!important;
|
||||||
|
color: $base!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repository.file.list #repo-files-table tr {
|
||||||
|
background-color: $base;
|
||||||
|
}
|
||||||
|
.repository.file.list #repo-files-table tr:hover {
|
||||||
|
background-color: $surface1!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.horizontal.segments>.segment {
|
||||||
|
background-color: $surface0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in a new issue