Skip to content

Instantly share code, notes, and snippets.

@touhidulshawan
Created October 6, 2023 23:52
Show Gist options
  • Select an option

  • Save touhidulshawan/f6181b68e8684b6aa147614536596b69 to your computer and use it in GitHub Desktop.

Select an option

Save touhidulshawan/f6181b68e8684b6aa147614536596b69 to your computer and use it in GitHub Desktop.
Gruvbox color theme for piped.video
/* ==UserStyle==
@name piped-gruvbox
@namespace github.com/touhidulshawan
@version 1.0.0
@description Gruvbox theme for piped.video
@author Touhidul Shawan [github.com/touhidulshawan]
==/UserStyle== */
@-moz-document url-prefix("https://piped.video") {
div.reset {
background: #1d2021;
}
a {
color: #8ec07c;
transition: all 0.25s ease-in-out;
}
a:hover,
a:focus {
color: #fe8019;
}
a:visited {
color: #b8bb26;
}
.video-grid > div {
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
padding: 6px;
transition: all 0.3s ease-out;
}
.video-grid > div:hover {
box-shadow: rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px;
}
.input:focus {
--un-outline-color-opacity: 1;
outline-color: #fabd2f;
outline-width: 2px;
outline-style: solid;
box-shadow: 0 0 15px #fabd2f;
}
h1,h2,h3,h4,h5,h6{
color: #d5c4a1;
}
strong{
color: #ebdbb2;
}
label{
color: #a89984;
}
span{
color: #d5c4a1;
}
.comment-meta{
color: #a89984;
}
.btn{
background: #282828 !important;
color: #ebdbb2;
}
.btn:hover, .btn:focus{
background: #458588 !important;
color: #1d2021;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment