https://github.com/gholts/clash-verge-theme

My Clash verge rev theme scheme
https://github.com/gholts/clash-verge-theme

clash clash-verge-rev color-scheme css icon theme

Last synced: about 1 month ago
JSON representation

My Clash verge rev theme scheme

• Host: GitHub
• URL: https://github.com/gholts/clash-verge-theme
• Owner: Gholts
• License: mit
• Created: 2024-12-07T09:45:41.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-07T11:05:32.000Z (about 1 month ago)
• Last Synced: 2024-12-07T11:26:17.687Z (about 1 month ago)
• Topics: clash, clash-verge-rev, color-scheme, css, icon, theme
• Language: CSS
• Homepage:
• Size: 1000 Bytes
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

  


  Clash Verge rev theme scheme

  




   

## 1.Icon

 png

 

 

 

 ico

 

 

 

## 2.Color scheme

| Color Name ✅         | 配色名 ✅     | Color hex    |

|:---------------------:|:-------------:|:------------:|

| Primary Color         | 主要顏色       | #8D5A97      |

| Secondary Color       | 次要顏色       | #53131E      |

| Primary Text          | 文本主要顏色    | #A4A5AE      |

| Secondary Text        | 文本次要顏色    | #B0C7BD      |

| Info Color            | 信息顏色       | #B8EBD0      |

| Warning Color         | 警告顏色       | #EE9B00      |

| Error Color           | 錯誤顏色       | #9B2226      |

| Success Color         | 成功顏色       | #38B000      |

| Font Family           | 字體系列       | Ping Fang    |

## 3.Css injection

```css

.layout__left .the-logo {

    visibility: hidden !important;

}

.linux.layout .layout__left .the-logo, .windows.layout .layout__left .the-logo, .unknown.layout .layout__left .the-logo {

    flex: 1 0 58px;

    margin-top: -70px;

    margin-left: 10px;

    padding: 30px 20px 26px 10px;

}

.layout__left {

    flex: 1 0 147px;

    display: flex;

    height: 100%;

    width: 100%;

    padding: 0 0 0px;

    flex-direction: column;

    align-self: stretch;

    box-sizing: border-box;

    user-select: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    overflow: hidden;

    border-right: 1px solid var(--divider-color);

}

.css-79rra8 {

    display: flex;

    -webkit-box-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    align-items: center;

    position: relative;

    text-decoration: none;

    width: 100%;

    box-sizing: border-box;

    text-align: left;

    max-width: 250px;

    margin-left: auto;

    margin-right: auto;

    padding: 2px 0px;

}

```