https://github.com/mahoembaby/dark-style
Simple plugin when install the cursor will change into the black one
https://github.com/mahoembaby/dark-style
css php wordpress wordpress-plugin
Last synced: 2 months ago
JSON representation
Simple plugin when install the cursor will change into the black one
- Host: GitHub
- URL: https://github.com/mahoembaby/dark-style
- Owner: mahoembaby
- Created: 2025-01-10T00:05:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-11T18:49:38.000Z (over 1 year ago)
- Last Synced: 2025-03-03T07:46:03.423Z (over 1 year ago)
- Topics: css, php, wordpress, wordpress-plugin
- Language: CSS
- Homepage:
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Plugin: Dark Style
This plugin change style of cursor and scrollbar and selection of website.
### 1. Custom Cursor
we use the custom cursor arrowhead.svg icon with black color
```css
cursor: url("./arrowhead.svg"), auto;
```
### 2. Scrollbar
We change the static scrollbar of the website with two main colors:
- Shark [ #202222 ]
- Cape Cod [ #464a4a ]
we make the width and height of the scrollbar with 8px
```css
*::-webkit-scrollbar {
height: 8px;
width: 8px;
}
*::-webkit-scrollbar-track {
border-radius: 0px;
background-color: #202222;
}
*::-webkit-scrollbar-track:hover {
background-color: #202222;
}
*::-webkit-scrollbar-track:active {
background-color: #202222;
}
*::-webkit-scrollbar-thumb {
border-radius: 7px;
background-color: #464a4a;
}
*::-webkit-scrollbar-thumb:hover {
background-color: #464a4a;
}
*::-webkit-scrollbar-thumb:active {
background-color: #464a4a;
}
```
### 3. Seclection
We change the selection background color and the text color by these two color.
```css
::selection {
background-color: #202222;
color: bisque;
}
```
Thank you for reading my document of the plugin.
My Webstie: [Visit from here](https://github.com/mahoembaby)