diff --git a/themes/Ying/assets/css/main.css b/themes/Ying/assets/css/main.css index f710bf51..de505272 100644 --- a/themes/Ying/assets/css/main.css +++ b/themes/Ying/assets/css/main.css @@ -2546,7 +2546,7 @@ input[type=submit] { .floating-tools a { width: 40px; height: 40px; - background-color: rgba(255, 255, 255, 0.6); + background-color: rgba(255, 255, 255, 0.9); /* Increased opacity */ color: #333; border-radius: 50%; text-align: center; @@ -2559,8 +2559,9 @@ input[type=submit] { justify-content: center; align-items: center; transition: all 0.3s; - backdrop-filter: blur(10px) saturate(180%); - -webkit-backdrop-filter: blur(10px) saturate(180%); + /* Removed backdrop-filter for performance */ + /* backdrop-filter: blur(10px) saturate(180%); */ + /* -webkit-backdrop-filter: blur(10px) saturate(180%); */ border: 1px solid rgba(255, 255, 255, 0.4); } @@ -3280,8 +3281,9 @@ html[data-theme="light"] .atk-loading-spinner svg circle { height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ - backdrop-filter: blur(5px); - -webkit-backdrop-filter: blur(5px); + /* Removed backdrop-filter for performance */ + /* backdrop-filter: blur(5px); */ + /* -webkit-backdrop-filter: blur(5px); */ opacity: 0; transition: opacity 0.3s ease; } @@ -3591,6 +3593,8 @@ html[data-theme="light"] .atk-loading-spinner svg circle { text-decoration: none; /* Remove underline */ color: inherit; /* Inherit text color */ cursor: pointer; + border-left: none; /* Removed accent border */ + transition: background-color 0.2s; } .search-dropdown .search-result-item:hover { @@ -3614,29 +3618,36 @@ html[data-theme="light"] .atk-loading-spinner svg circle { [data-theme="dark"] .search-input-group { background: transparent; border-bottom-color: #444; + box-shadow: none; } [data-theme="dark"] .search-input-group:focus-within { background: transparent; border-bottom-color: var(--text-highlight-color); + box-shadow: none; } [data-theme="dark"] .search-input-group input { color: #e0e0e0; } -[data-theme="dark"] .search-input-group .search-icon, +[data-theme="dark"] .search-input-group .search-icon { + color: #888; +} + [data-theme="dark"] .search-input-group .close-icon { color: #888; } [data-theme="dark"] .search-input-group .close-icon:hover { color: #fff; + background-color: transparent; } [data-theme="dark"] .search-dropdown { background: #2d2d2d; border-color: #444; + box-shadow: 0 4px 12px rgba(0,0,0,0.3); } [data-theme="dark"] .search-dropdown .search-result-item { diff --git a/themes/Ying/layouts/_default/circles.html b/themes/Ying/layouts/_default/circles.html index a877482b..cbb0d8e0 100644 --- a/themes/Ying/layouts/_default/circles.html +++ b/themes/Ying/layouts/_default/circles.html @@ -39,8 +39,9 @@ height: 160px; justify-content: space-between; background: rgba(255, 255, 255, 0.4); - backdrop-filter: blur(16px) saturate(180%); - -webkit-backdrop-filter: blur(16px) saturate(180%); + /* Removed backdrop-filter for performance */ + /* backdrop-filter: blur(16px) saturate(180%); */ + /* -webkit-backdrop-filter: blur(16px) saturate(180%); */ border: 1px solid #111827; box-shadow: none; transition: