Skip to content

Commit

Permalink
iTheme 4.0
Browse files Browse the repository at this point in the history 
- fix large favorite's page artists
- fix artist page floating header background color in light mode
- darken volume track on light mode
- fill heart icon on right click menu
- fix light theme Add/Remove from library button icon color
- animation fix (smoother esp for low-end systems)
- animation tweak for lyrics
- add iTheme++ icons and font to iTheme (for people who don't read this and new iTheme enjoyers)
  • Loading branch information
@yazninja
yazninja committed Feb 19, 2023
1 parent 8ec8580 commit 46aabaf
Show file tree
Hide file tree
Showing 11 changed files with 842 additions and 2,410 deletions.
39 changes: 16 additions & 23 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,36 +1,29 @@
# iTheme (Beta) for [Cider](https://cider.sh/) <img src="https://img.shields.io/github/stars/ciderapp/iTheme?style=social" width="70"></img>
# iTheme (Beta) for [Cider](https://cider.sh/) <img src="https://img.shields.io/github/stars/yazninja/iTheme?style=social" width="70"></img>

<img src="https://img.shields.io/github/package-json/v/ciderapp/iTheme?color=darkgreen&filename=theme.json&style=for-the-badge">
<img src="https://img.shields.io/github/package-json/v/yazninja/iTheme?color=darkgreen&filename=theme.json&style=for-the-badge">

Cider theme based from the Apple Music beta app in MacOS Ventura.
Cider theme based from the Apple Music beta app in MacOS Ventura.
Best used with `Mica(beta)` option in settings.
Supports all layouts (Mojave/Mavericks)
Supports both Light and Dark Mode

#### iTheme Ecosystem

**Side Plugin: [iVanced (Alpha)](https://github.com/yazninja/ivanced) (Deprecated)**

**Theme Pack: [iTheme++](https://github.com/yazninja/itheme-plus-plus)**

---
### Version 4.0 - Release
iTheme is now in its dormant stage, it will only be getting patch and bug fixes from now on, I removed the (beta) part of iTheme because with your help we have made it to my goal of iTheme. Can't thank you enough!
Changelog:
+ fix large favorite's page artists
+ fix artist page floating header background color in light mode
+ darken volume track on light mode
+ fill heart icon on right click menu
+ fix light theme Add/Remove from library button icon color
+ animation fix (smoother esp for low-end systems)
+ animation tweak for lyrics
+ add iTheme++ icons and font to iTheme (for people who don't read this and new iTheme enjoyers)

### Version 3.2 - Release
+ Recently added page support (reduce spacing between albums)
+ UI overlap fixes
+ Mavericks top bar overhaul (horizontally align stuff)
+ Fix on oversized lyrics in the karaoke styled- fullscreen mode
+ antialiased text
+ Animated Artist Banner Video Filter
+ Playlist page header tweaks
+ New Listen now child Tweaks
+ Fix Lightmode fullscreen song info & progress color
+ Fix Light mode page buttons
+ Fix Lightmode replay button color
+ Disable margin of nav button in Mojave window mode
+ New Fullscreen UI

**Not Supported Prvious iTheme features (will be re-added soon)**
- Forced Light/Dark Mode
- Inline sidebar Theme Support (use iTheme++)

---
### Gallery
Expand Down
121 changes: 31 additions & 90 deletions index.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@
@import "theme/mojave.less";
@import "theme/fullscreen.less";
@import "theme/mavericks.less";
@import "theme/cupertinofont.less";
@import "theme/cupertinoicns.less";

/* Colors */
@colorMixRate : 1%;
Expand Down Expand Up @@ -59,6 +61,8 @@
/* Layout */
--contentWidth: calc(100vw - var(--sidebarWidth) - 64px);
--sidebarWidth: 225px;

--appleEase: cubic-bezier(.2, .2, 0, 1);
}

@media (prefers-color-scheme: dark) {
Expand Down Expand Up @@ -87,60 +91,13 @@

}

// @media (prefers-color-scheme: light) {
// @keyColor : #d60017;
// @ciderColor : #ff2654;
// @baseColor : #fff;
// @baseColorMix : mix(@baseColor, transparent, 100%);
// @sidebarColor : rgba(249, 249, 249, 0);
// @sidebarColorMix : mix(@sidebarColor, transparent, 40%);
// @mediaColor : #fff;
// @mediaColorMix : mix(@mediaColor, transparent, 100%);
// @textColor : #333;
// @textColorLight : #fff;
// @activeTabColor : rgba(250, 88, 106, 0.1);
// @artistHoverColor : rgba(250, 35, 59, 0.8);
// @modalBorderColor : rgba(68, 68, 68, 0.4);
// @modalBorderSubtleColor : hsla(0, 0%, 50%, 0.2);
// @songProgressColor : rgb(184, 184, 184);
// @appBorderColor : hsla(0, 0%, 50%, 0.8);
// @appBorderColor : rgb(221, 221, 221, 0.5);
// @volumeTrackColor : rgba(200, 200, 200, 0.9);
// @volumeThumbColor : #ffffff;
// @contentBorderColor : hsla(0, 0%, 50%, 0.4);
// @contentWidth : calc(100vw - 346px);
// @categoriesColor : rgba(50, 50, 50, 0.5);
// @mediaContainerColor : #fefefe;

// .app-chrome-item.display--large>button,
// .queue {
// filter: invert(0.8);
// }

// .app-chrome-item.playback-controls:empty {
// border: 1px solid @appBorderColor !important;

// &::before {
// border-right: 1px solid @appBorderColor !important;
// }
// }

// }






/**** LAYOUT ****/


.bg-artwork--placeholder {
background: transparent;
}

#app-main {
// background-color: var(--sidebarColorMix);
background-color : transparent;
-webkit-font-smoothing: antialiased;

Expand All @@ -163,8 +120,6 @@
width : calc(100% - var(--sidebarWidth));
height : var(--chromeHeight1);
backdrop-filter : blur(16px) saturate(180%);
// border-bottom : 1px solid var(--appBorderColor);
// border-left : 1px solid var(--appBorderColor);
-webkit-app-region: drag;

&:hover {
Expand Down Expand Up @@ -192,24 +147,6 @@
.vdiv {
display: none;
}

// .app-chrome-item:nth-of-type(4) {
// position: absolute;

// button[title="Show Library"],
// button[data-original-title="Show Library"] {
// transition : margin-left 0.3s var(--appleEase);
// margin-left : 70px;
// -webkit-app-region: no-drag;
// }

// button[title="Hide Library"],
// button[data-original-title="Hide Library"] {
// transition : margin-left 0.3s var(--appleEase);
// margin-left : 270px;
// -webkit-app-region: no-drag;
// }
// }
}

.app-chrome--center {
Expand Down Expand Up @@ -436,7 +373,20 @@
text-align : center;
align-items : center;
justify-content: center;
&.active:has(.lyricWaiting){
min-height: calc(32px + 16px);
}
&:has(.lyricWaiting){
min-height: 16px;
// margin-top: 0px;
// margin-bottom: 0px;
transition: opacity 5s cubic-bezier(0.2, 0.2, 0, 1), min-height 1s cubic-bezier(0.2, 0.2, 0, 1), margin-top 1s cubic-bezier(0.2, 0.2, 0, 1), margin-bottom 1s cubic-bezier(0.2, 0.2, 0, 1) !important;
}
&:last-of-type{
margin-bottom: 40vh;
}
}

}

.lyric-footer {
Expand Down Expand Up @@ -829,6 +779,11 @@
aspect-ratio: 16/9;
}
}
&.mediaitem-small {
height: auto;
aspect-ratio: 12/13;
max-width: calc(var(--contentWidth) / 6.1);
}
}

.search-input {
Expand Down Expand Up @@ -1146,7 +1101,7 @@

@media screen and (max-width: 1150px) {
.well.itemContainer.collection-list-square {
grid-template-columns: repeat(5, minmax(150px, 1fr)); // nah wait this works like its good, no scrolling bug for this... lemee show
grid-template-columns: repeat(5, minmax(150px, 1fr));

}
}
Expand Down Expand Up @@ -1200,25 +1155,6 @@
transition : 0.1s ease-in-out;
}
}

// .cd-mediaitem-list-item {

// // border-top : 1px solid @contentBorderColor;
// // border-radius : 0;
// &:not(:last-of-type) .info-rect,
// &:not(:last-of-type) .metainfo,
// &:not(:last-of-type) .duration,
// &:not(:last-of-type) .explicit-icon {
// border-bottom: 1px solid var(--contentBorderColor);
// border-radius: 0;
// }

// .explicit-icon {
// height : 100%;
// background-size : 12px;
// background-position: center;
// }
// }
}

&.about-page {
Expand Down Expand Up @@ -1413,7 +1349,7 @@
filter: blur(2px);
}

transition : all 0.5s var(--appleEase);
transition : all 0.75s var(--appleEase);
}
}

Expand Down Expand Up @@ -1453,7 +1389,7 @@ select.md-select {
backdrop-filter : blur(8px);
color : var(--textColor);

& .menu-body {
.menu-body {
padding: 0;

.svg-icon {
Expand All @@ -1462,7 +1398,7 @@ select.md-select {
}
}

& .menu-option {
.menu-option {
border-radius : 0;
width : 100%;
padding-inline-start: 14px;
Expand All @@ -1483,6 +1419,11 @@ select.md-select {
}

}
.menu-header-body {
button[title="Unlove"] .svg-icon, button[data-original-title="Unlove"] .svg-icon {
--url: url(icons/heart.svg) !important;
}
}
}

.settings-panel {
Expand Down
Loading

0 comments on commit 46aabaf

Please sign in to comment.