Skip to content

Commit

Permalink
ClippyStatus: create
Browse files Browse the repository at this point in the history
  • Loading branch information
Saltssaumure committed May 24, 2024
1 parent 3f28b8d commit 6c1b42e
Show file tree
Hide file tree
Showing 6 changed files with 108 additions and 1 deletion.
6 changes: 5 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -12,4 +12,8 @@

# Test
/**/_test
_test.*
_test.*

# Preview
*.kra
*.*~
3 changes: 3 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@
[BillboardPreview]: https://minidiscordthemes.github.io/Snippets/Billboard/preview.avif
[ChannelListWidthPreview1]: https://minidiscordthemes.github.io/Snippets/ChannelListWidth/preview-wide.avif
[ChannelListWidthPreview2]: https://minidiscordthemes.github.io/Snippets/ChannelListWidth/preview-narrow.avif
[ClippyStatusPreview1]: https://minidiscordthemes.github.io/Snippets/ClippyStatus/preview-light.avif
[ClippyStatusPreview2]: https://minidiscordthemes.github.io/Snippets/ClippyStatus/preview-dark.avif
[DiscordReimaginedPreview1]: https://minidiscordthemes.github.io/Snippets/DiscordReimagined/preview.avif
[DiscordReimaginedPreview2]: https://minidiscordthemes.github.io/Snippets/DiscordReimagined/previewColor.avif
[EfficientSettingsPreview]: https://minidiscordthemes.github.io/Snippets/EfficientSettings/preview.avif
Expand Down Expand Up @@ -54,6 +56,7 @@
| [Avatar Decoration Checkmark](themes/AvatarDecorationCheckmark) | ![preview][AvatarDecorationCheckmarkPreview1] ![preview][AvatarDecorationCheckmarkPreview2] ![preview][AvatarDecorationCheckmarkPreview3] ![preview][AvatarDecorationCheckmarkPreview4] |
| [Billboard](themes/Billboard) | ![preview][BillboardPreview] |
| [Channel List Width](themes/ChannelListWidth) | ![preview][ChannelListWidthPreview1] ![preview][ChannelListWidthPreview2] |
| [Clippy Status](themes/ClippyStatus) | ![preview][ClippyStatusPreview1] ![preview][ClippyStatusPreview2] |
| [DiscordReimagined](themes/DiscordReimagined) | ![preview][DiscordReimaginedPreview1] ![preview][DiscordReimaginedPreview2] |
| [Efficient Settings](themes/EfficientSettings) | ![preview][EfficientSettingsPreview] |
| [Image Link](themes/ImageLink) | ![preview][ImageLinkPreview] |
Expand Down
25 changes: 25 additions & 0 deletions themes/ClippyStatus/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
[preview-light]: https://minidiscordthemes.github.io/Snippets/ClippyStatus/preview-light.avif
[preview-dark]: https://minidiscordthemes.github.io/Snippets/ClippyStatus/preview-dark.avif

# Clippy Status
![Status: working](https://img.shields.io/badge/status-working-green?style=flat-square)

Become Clippy with this status style.

| Light mode | Dark mode |
| --------------------------------------------- | ------------------------------------------- |
| ![Clippy Status in light mode][preview-light] | ![Clippy Status in dark mode][preview-dark] |

## Usage
### `@import`
```css
@import url("https://minidiscordthemes.github.io/Snippets/ClippyStatus/main.css");
```
<!-- ### Replugged automatic theme
[Install now](https://replugged.dev/install?identifier=net.saltssaumure.ClippyStatus)
### Replugged manual theme
[Download now](https://github.com/MiniDiscordThemes/Snippets/releases/latest/download/net.saltssaumure.ClippyStatus.asar) -->
### Vencord online theme
```
https://minidiscordthemes.github.io/Snippets/ClippyStatus/main.css
```
Binary file added themes/ClippyStatus/preview/preview-dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added themes/ClippyStatus/preview/preview-light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
75 changes: 75 additions & 0 deletions themes/ClippyStatus/scss/main.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
@font-face {
font-family: w95;
src: url("https://saltssaumure.github.io/w9x-discord-theme/font/w95fa.woff2");
}

.userProfileOuter__35e59 {
.statusBubble__1a4c3,
.statusBubbleOuter__7e51b,
.statusBubbleOuter__7e51b::before {
background-color: rgb(255, 255, 204);
}

.statusBubbleOuter__7e51b {
$radius: 12px;
$borderwidth: 1px;
border-radius: $radius;
border: $borderwidth solid black;

&::before {
$arrow: "left";
$size: 6px;
$edge: 10px;

border: 1px solid black;
border-radius: 0;
inset: unset;

@if $arrow == "up" or $arrow == "down" {
width: $size;
height: $size * 2;
left: $edge;

@if $arrow == "up" {
transform: skewY(60deg);
top: -$size;
}
@if $arrow == "down" {
transform: skewY(-60deg);
bottom: -$size;
}
}

@if $arrow == "left" or $arrow == "right" {
height: $size;
width: $size * 2;
top: $edge;

@if $arrow == "left" {
transform: skewX(60deg);
left: -$size;
}
@if $arrow == "right" {
transform: skewX(-60deg);
right: -$size;
}
}
}

@at-root .statusBubble__1a4c3 {
border-radius: $radius - 2 * $borderwidth;
padding: 6px;
@at-root .content_faa8bf {
color: black;
@at-root .statusText__32d26 {
color: inherit;
font-family: "w95", var(--font-primary);
}
}
}

&::after {
display: none;
}
}
}

0 comments on commit 6c1b42e

Please sign in to comment.