add theme

2025-08-12 12:19:25 +08:00
parent 8c06923a46
commit ac0d1944ab
227 changed files with 18962 additions and 0 deletions
--- a/themes/butterfly/source/css/rightmenu.css
+++ b/themes/butterfly/source/css/rightmenu.css
@@ -0,0 +1,83 @@
+/* rightMenu */
+[data-theme='light'] #rightMenu{
+    display: none;
+    position: fixed;
+    width: 160px;
+    height: fit-content;
+    top: 10%;
+    left: 10%;
+    background-color: var(--card-bg);
+    border: 1px solid rgb(210,210,210);;
+    border-radius: 8px;
+    z-index: 100;
+    box-shadow: 3px 3px 5px #88888894;
+    background-color: var(--june-white-acrylic1);
+    backdrop-filter: blur(30px);
+}
+[data-theme='dark'] #rightMenu{
+    display: none;
+    position: fixed;
+    width: 160px;
+    height: fit-content;
+    top: 10%;
+    left: 10%;
+    background-color: var(--card-bg);
+    border: 1px solid rgb(210,210,210);;
+    border-radius: 8px;
+    z-index: 100;
+    box-shadow: 3px 3px 5px #88888894;
+    background-color: var(--june-black-acrylic1);
+    backdrop-filter: blur(30px);
+}
+#rightMenu .rightMenu-group{
+    padding: 7px 6px;
+}
+#rightMenu .rightMenu-group:not(:nth-last-child(1)){
+    border-bottom: 1px solid rgb(180,180,180);
+}
+#rightMenu .rightMenu-group.rightMenu-small{
+    display: flex;
+    justify-content: space-between;
+}
+#rightMenu .rightMenu-group .rightMenu-item{
+    height: 30px;
+    line-height: 30px;
+    border-radius: 8px;
+    transition: 0.3s;
+    color: var(--font-color);
+}
+#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item{
+    display: flex;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 4px;
+}
+#rightMenu .rightMenu-group .rightMenu-item:hover{
+    background-color: var(--text-bg-hover);
+    box-shadow: 0px 0px 5px var(--june-border);
+}
+#rightMenu .rightMenu-group .rightMenu-item i{
+    display: inline-block;
+    text-align: center;
+    line-height: 30px;
+    width: 30px;
+    height: 30px;
+    padding: 0 5px;
+}
+#rightMenu .rightMenu-group .rightMenu-item span{
+    line-height: 30px;
+}
+#rightMenu:hover{
+    border: 1px solid var(--june-theme);
+}
+#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item *{
+    height: 40px;
+    line-height: 40px;
+}
+.rightMenu-group.hide{
+    display: none;
+}
+.rightMenu-item:hover{
+    color:white!important;
+    background-color:var(--june-theme)!important;
+}