From 9291bde53169ee10164f76958e1f490b80ba8583 Mon Sep 17 00:00:00 2001 From: Antigravity Date: Sun, 7 Jun 2026 16:56:36 +0000 Subject: [PATCH] style: complete Light Sepia theme overrides for user dashboard (#78) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Resolves #79 This Pull Request completes the visual implementation of the premium **"Warm Paper / Soft Sepia"** light theme across all user dashboard sub-modules and components. ### 🎨 Styling Refactoring & Light Sepia Layout We refactored isolated component styles (`.razor.css`) to ensure proper contrast, remove hardcoded dark tokens, and fix text visibility under the `.theme-light` environment: 1. **Dashboard & Sidebar Layouts:** * **MainHubLayout.razor.css** & **Dashboard.razor.css**: Replaced hardcoded dark backgrounds with `var(--bg-surface)` and `var(--bg-base)`. Overrode user name brackets, progress bar elements, active quiz cards, graph nodes, and buttons. 2. **Catalog & Library Pages:** * **Catalog.razor.css** & **MyBooks.razor.css**: Adjusted cover hover actions, overlay transparency, and progress tracks. Fixed course tile background gradients to use a warm, elegant `#e4e1d9` layer and `var(--text-main)` code text. 3. **Profile & Settings Views:** * **Profile.razor.css** & **Settings.razor.css**: Overrode token usage progress tracks, page title gradient transparency, section descriptions, and diagnostic button styling. 4. **Concepts Dashboard & Interactive Widgets:** * **ConceptsDashboard.razor.css** & **ConceptsMap.razor.css**: Transitioned node headers, unlocked/locked badges, warning blocks, and term pills to semantic colors. Removed neon glow animations for locked nodes. 5. **Intelligence Workspace & AI Responses:** * **Intelligence.razor.css** & **AiResponseRenderer.razor.css**: Refactored empty state welcome messages, placeholder styles, input fields, and robot avatar borders. Refined the linear-gradient mask fade effect to blend correctly into the light sepia surface environment rather than dropping into dark transparent channels. 6. **Dashboard Sidebar Widgets:** * **CurrentReadingWidget.razor.css** & **ContextualRecommendationsWidget.razor.css**: Replaced hardcoded `#1a1a1e` card containers and light text colors with semantic variables (`var(--bg-surface)`, `var(--border)`, `var(--text-main)`, and `var(--text-muted)`). ### 🛠️ Blazor CSS Isolation Compiler Compliance * Avoided the use of `:global(.theme-light)` selector overrides within isolated CSS rules because they are unsupported by Blazor's CSS isolation compiler and cause the compiled stylesheet to ignore them. * Replaced them with the correct standard selector format `.theme-light .some-class` which properly compiles to `.theme-light .some-class[b-xxxx]`, applying correct theme styles recursively to child scoped markup. ### 🧪 Verification * Checked that the solution builds cleanly with 0 compiler errors: `dotnet build NexusReader.slnx --no-restore` * Ran all unit tests successfully: `dotnet test NexusReader.slnx --no-restore` --------- Co-authored-by: Marek Jasiński Reviewed-on: https://git.archimap.cloud/mjasin/Nexus.Reader/pulls/78 Co-authored-by: Antigravity Co-committed-by: Antigravity --- .../Services/IUserPreferenceStore.cs | 10 + .../Commands/User/UpdateThemeCommand.cs | 6 + .../User/UpdateThemeCommandHandler.cs | 41 + .../Common/AppJsonContext.cs | 2 + .../DTOs/User/UpdateThemeRequest.cs | 5 + .../DTOs/User/UserProfileDto.cs | 2 + .../User/GetUserProfileQueryHandler.cs | 2 + ...60607104453_AddThemePreference.Designer.cs | 711 ++++++++++++++++++ .../20260607104453_AddThemePreference.cs | 56 ++ .../Migrations/AppDbContextModelSnapshot.cs | 13 +- .../Persistence/AppDbContext.cs | 5 + src/NexusReader.Domain/Entities/NexusUser.cs | 6 + src/NexusReader.Domain/Enums/ThemeMode.cs | 8 + src/NexusReader.Maui/MauiProgram.cs | 6 +- .../Services/MauiUserPreferenceStore.cs | 61 ++ src/NexusReader.Maui/wwwroot/index.html | 29 +- .../Molecules/AiResponseRenderer.razor.css | 119 ++- .../Molecules/IntelligenceToolbar.razor | 6 +- .../Organisms/ConceptsMap.razor.css | 123 +++ .../ContextualRecommendationsWidget.razor | 10 +- .../ContextualRecommendationsWidget.razor.css | 77 ++ .../Organisms/CurrentReadingWidget.razor | 4 +- .../Organisms/CurrentReadingWidget.razor.css | 57 ++ .../Organisms/MobileReaderToolbar.razor | 2 +- .../Components/Organisms/ReaderCanvas.razor | 6 +- .../Layout/MainHubLayout.razor | 4 +- .../Layout/MainHubLayout.razor.css | 108 ++- .../Layout/ReaderLayout.razor | 6 +- .../Pages/Account/Login.razor | 9 +- .../Pages/Account/Profile.razor | 34 + .../Pages/Account/Profile.razor.css | 154 +++- .../Pages/Account/Register.razor | 9 +- .../Pages/Catalog.razor.css | 76 +- .../Pages/ConceptsDashboard.razor.css | 168 +++-- .../Pages/Dashboard.razor | 40 +- .../Pages/Dashboard.razor.css | 180 +++-- .../Pages/Intelligence.razor.css | 127 +++- .../Pages/MyBooks.razor.css | 72 +- .../Pages/Settings.razor.css | 37 + .../Services/IThemeService.cs | 7 +- .../Services/ThemeService.cs | 135 +++- src/NexusReader.UI.Shared/_Imports.razor | 1 + src/NexusReader.UI.Shared/wwwroot/app.css | 84 ++- src/NexusReader.UI.Shared/wwwroot/js/theme.js | 25 +- src/NexusReader.Web.Client/Program.cs | 41 +- .../Services/CloudUserPreferenceStore.cs | 61 ++ src/NexusReader.Web/Components/App.razor | 29 +- src/NexusReader.Web/Program.cs | 18 +- .../Services/ServerRecommendationService.cs | 50 ++ .../Services/ServerThemeService.cs | 21 + .../Services/ServerUserPreferenceStore.cs | 78 ++ 51 files changed, 2574 insertions(+), 367 deletions(-) create mode 100644 src/NexusReader.Application/Abstractions/Services/IUserPreferenceStore.cs create mode 100644 src/NexusReader.Application/Commands/User/UpdateThemeCommand.cs create mode 100644 src/NexusReader.Application/Commands/User/UpdateThemeCommandHandler.cs create mode 100644 src/NexusReader.Application/DTOs/User/UpdateThemeRequest.cs create mode 100644 src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.Designer.cs create mode 100644 src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.cs create mode 100644 src/NexusReader.Domain/Enums/ThemeMode.cs create mode 100644 src/NexusReader.Maui/Services/MauiUserPreferenceStore.cs create mode 100644 src/NexusReader.Web.Client/Services/CloudUserPreferenceStore.cs create mode 100644 src/NexusReader.Web/Services/ServerRecommendationService.cs create mode 100644 src/NexusReader.Web/Services/ServerThemeService.cs create mode 100644 src/NexusReader.Web/Services/ServerUserPreferenceStore.cs diff --git a/src/NexusReader.Application/Abstractions/Services/IUserPreferenceStore.cs b/src/NexusReader.Application/Abstractions/Services/IUserPreferenceStore.cs new file mode 100644 index 0000000..4aa09e2 --- /dev/null +++ b/src/NexusReader.Application/Abstractions/Services/IUserPreferenceStore.cs @@ -0,0 +1,10 @@ +using FluentResults; +using NexusReader.Domain.Enums; + +namespace NexusReader.Application.Abstractions.Services; + +public interface IUserPreferenceStore +{ + Task SaveThemePreferenceAsync(ThemeMode mode); + Task> GetThemePreferenceAsync(); +} diff --git a/src/NexusReader.Application/Commands/User/UpdateThemeCommand.cs b/src/NexusReader.Application/Commands/User/UpdateThemeCommand.cs new file mode 100644 index 0000000..145d6b9 --- /dev/null +++ b/src/NexusReader.Application/Commands/User/UpdateThemeCommand.cs @@ -0,0 +1,6 @@ +using NexusReader.Application.Abstractions.Messaging; +using NexusReader.Domain.Enums; + +namespace NexusReader.Application.Commands.User; + +public record UpdateThemeCommand(string UserId, ThemeMode Mode) : ICommand; diff --git a/src/NexusReader.Application/Commands/User/UpdateThemeCommandHandler.cs b/src/NexusReader.Application/Commands/User/UpdateThemeCommandHandler.cs new file mode 100644 index 0000000..b9d3346 --- /dev/null +++ b/src/NexusReader.Application/Commands/User/UpdateThemeCommandHandler.cs @@ -0,0 +1,41 @@ +using FluentResults; +using Microsoft.EntityFrameworkCore; +using NexusReader.Application.Abstractions.Messaging; +using NexusReader.Data.Persistence; + +namespace NexusReader.Application.Commands.User; + +public class UpdateThemeCommandHandler : ICommandHandler +{ + private readonly IDbContextFactory _dbContextFactory; + + public UpdateThemeCommandHandler(IDbContextFactory dbContextFactory) + { + _dbContextFactory = dbContextFactory; + } + + public async Task Handle(UpdateThemeCommand request, CancellationToken cancellationToken) + { + try + { + using var dbContext = await _dbContextFactory.CreateDbContextAsync(cancellationToken); + var user = await dbContext.Users + .AsTracking() + .FirstOrDefaultAsync(u => u.Id == request.UserId, cancellationToken); + + if (user == null) + { + return Result.Fail("User not found."); + } + + user.ThemePreference = request.Mode; + await dbContext.SaveChangesAsync(cancellationToken); + + return Result.Ok(); + } + catch (Exception ex) + { + return Result.Fail(new Error("Failed to save theme preference in database.").CausedBy(ex)); + } + } +} diff --git a/src/NexusReader.Application/Common/AppJsonContext.cs b/src/NexusReader.Application/Common/AppJsonContext.cs index 2265dc2..387442f 100644 --- a/src/NexusReader.Application/Common/AppJsonContext.cs +++ b/src/NexusReader.Application/Common/AppJsonContext.cs @@ -16,6 +16,8 @@ namespace NexusReader.Application.Common; [JsonSerializable(typeof(NexusReader.Application.Queries.Recommendations.ContextualRecommendationResponse))] [JsonSerializable(typeof(NexusReader.Application.Queries.Recommendations.RecommendationDto))] [JsonSerializable(typeof(List))] +[JsonSerializable(typeof(NexusReader.Application.DTOs.User.UpdateThemeRequest))] +[JsonSerializable(typeof(NexusReader.Domain.Enums.ThemeMode))] public partial class AppJsonContext : JsonSerializerContext { } diff --git a/src/NexusReader.Application/DTOs/User/UpdateThemeRequest.cs b/src/NexusReader.Application/DTOs/User/UpdateThemeRequest.cs new file mode 100644 index 0000000..f3d40bf --- /dev/null +++ b/src/NexusReader.Application/DTOs/User/UpdateThemeRequest.cs @@ -0,0 +1,5 @@ +using NexusReader.Domain.Enums; + +namespace NexusReader.Application.DTOs.User; + +public record UpdateThemeRequest(ThemeMode Mode); diff --git a/src/NexusReader.Application/DTOs/User/UserProfileDto.cs b/src/NexusReader.Application/DTOs/User/UserProfileDto.cs index 31dd1d3..aa05d9a 100644 --- a/src/NexusReader.Application/DTOs/User/UserProfileDto.cs +++ b/src/NexusReader.Application/DTOs/User/UserProfileDto.cs @@ -1,4 +1,5 @@ using NexusReader.Application.Constants; +using NexusReader.Domain.Enums; namespace NexusReader.Application.DTOs.User; @@ -8,6 +9,7 @@ public record UserProfileDto public string UserId { get; init; } = string.Empty; public int AITokensUsed { get; init; } public Guid TenantId { get; init; } + public ThemeMode ThemePreference { get; init; } = ThemeMode.System; /// /// Relational data for the current subscription plan. diff --git a/src/NexusReader.Application/Queries/User/GetUserProfileQueryHandler.cs b/src/NexusReader.Application/Queries/User/GetUserProfileQueryHandler.cs index 82b2150..25ecdee 100644 --- a/src/NexusReader.Application/Queries/User/GetUserProfileQueryHandler.cs +++ b/src/NexusReader.Application/Queries/User/GetUserProfileQueryHandler.cs @@ -27,6 +27,7 @@ public class GetUserProfileQueryHandler : IRequestHandler q.CompletedDate).Take(5).Select(q => new QuizResultDto diff --git a/src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.Designer.cs b/src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.Designer.cs new file mode 100644 index 0000000..aa0c97a --- /dev/null +++ b/src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.Designer.cs @@ -0,0 +1,711 @@ +// +using System; +using Microsoft.EntityFrameworkCore; +using Microsoft.EntityFrameworkCore.Infrastructure; +using Microsoft.EntityFrameworkCore.Migrations; +using Microsoft.EntityFrameworkCore.Storage.ValueConversion; +using NexusReader.Data.Persistence; +using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata; + +#nullable disable + +namespace NexusReader.Data.Migrations +{ + [DbContext(typeof(AppDbContext))] + [Migration("20260607104453_AddThemePreference")] + partial class AddThemePreference + { + /// + protected override void BuildTargetModel(ModelBuilder modelBuilder) + { +#pragma warning disable 612, 618 + modelBuilder + .HasAnnotation("ProductVersion", "10.0.7") + .HasAnnotation("Relational:MaxIdentifierLength", 63); + + NpgsqlModelBuilderExtensions.UseIdentityByDefaultColumns(modelBuilder); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRole", b => + { + b.Property("Id") + .HasColumnType("text"); + + b.Property("ConcurrencyStamp") + .IsConcurrencyToken() + .HasColumnType("text"); + + b.Property("Name") + .HasMaxLength(256) + .HasColumnType("character varying(256)"); + + b.Property("NormalizedName") + .HasMaxLength(256) + .HasColumnType("character varying(256)"); + + b.HasKey("Id"); + + b.HasIndex("NormalizedName") + .IsUnique() + .HasDatabaseName("RoleNameIndex"); + + b.ToTable("AspNetRoles", (string)null); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("integer"); + + NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property("Id")); + + b.Property("ClaimType") + .HasColumnType("text"); + + b.Property("ClaimValue") + .HasColumnType("text"); + + b.Property("RoleId") + .IsRequired() + .HasColumnType("text"); + + b.HasKey("Id"); + + b.HasIndex("RoleId"); + + b.ToTable("AspNetRoleClaims", (string)null); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("integer"); + + NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property("Id")); + + b.Property("ClaimType") + .HasColumnType("text"); + + b.Property("ClaimValue") + .HasColumnType("text"); + + b.Property("UserId") + .IsRequired() + .HasColumnType("text"); + + b.HasKey("Id"); + + b.HasIndex("UserId"); + + b.ToTable("AspNetUserClaims", (string)null); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin", b => + { + b.Property("LoginProvider") + .HasColumnType("text"); + + b.Property("ProviderKey") + .HasColumnType("text"); + + b.Property("ProviderDisplayName") + .HasColumnType("text"); + + b.Property("UserId") + .IsRequired() + .HasColumnType("text"); + + b.HasKey("LoginProvider", "ProviderKey"); + + b.HasIndex("UserId"); + + b.ToTable("AspNetUserLogins", (string)null); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole", b => + { + b.Property("UserId") + .HasColumnType("text"); + + b.Property("RoleId") + .HasColumnType("text"); + + b.HasKey("UserId", "RoleId"); + + b.HasIndex("RoleId"); + + b.ToTable("AspNetUserRoles", (string)null); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken", b => + { + b.Property("UserId") + .HasColumnType("text"); + + b.Property("LoginProvider") + .HasColumnType("text"); + + b.Property("Name") + .HasColumnType("text"); + + b.Property("Value") + .HasColumnType("text"); + + b.HasKey("UserId", "LoginProvider", "Name"); + + b.ToTable("AspNetUserTokens", (string)null); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.Author", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("integer"); + + NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property("Id")); + + b.Property("Name") + .IsRequired() + .HasMaxLength(255) + .HasColumnType("character varying(255)"); + + b.HasKey("Id"); + + b.ToTable("Authors"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.Ebook", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("uuid"); + + b.Property("AddedDate") + .HasColumnType("timestamp with time zone"); + + b.Property("AuthorId") + .HasColumnType("integer"); + + b.Property("CoverUrl") + .HasColumnType("text"); + + b.Property("Description") + .HasColumnType("text"); + + b.Property("FilePath") + .IsRequired() + .HasColumnType("text"); + + b.Property("IsReadyForReading") + .HasColumnType("boolean"); + + b.Property("LastChapter") + .HasMaxLength(255) + .HasColumnType("character varying(255)"); + + b.Property("LastChapterIndex") + .HasColumnType("integer"); + + b.Property("LastReadDate") + .HasColumnType("timestamp with time zone"); + + b.Property("Progress") + .HasColumnType("double precision"); + + b.Property("TenantId") + .IsRequired() + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.Property("Title") + .IsRequired() + .HasMaxLength(255) + .HasColumnType("character varying(255)"); + + b.Property("UserId") + .IsRequired() + .HasColumnType("text"); + + b.HasKey("Id"); + + b.HasIndex("AuthorId"); + + b.HasIndex("TenantId"); + + b.HasIndex("UserId"); + + b.ToTable("Ebooks"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.KnowledgeUnit", b => + { + b.Property("Id") + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.Property("Content") + .IsRequired() + .HasColumnType("text"); + + b.Property("CreatedAt") + .HasColumnType("timestamp with time zone"); + + b.Property("EbookId") + .HasColumnType("uuid"); + + b.Property("MetadataJson") + .HasColumnType("text"); + + b.Property("TenantId") + .IsRequired() + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.Property("Type") + .HasColumnType("integer"); + + b.Property("Version") + .IsRequired() + .HasMaxLength(50) + .HasColumnType("character varying(50)"); + + b.HasKey("Id"); + + b.HasIndex("EbookId"); + + b.HasIndex("TenantId"); + + b.ToTable("KnowledgeUnits"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.KnowledgeUnitLink", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("integer"); + + NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property("Id")); + + b.Property("RelationType") + .IsRequired() + .HasMaxLength(50) + .HasColumnType("character varying(50)"); + + b.Property("SourceUnitId") + .IsRequired() + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.Property("TargetUnitId") + .IsRequired() + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.HasKey("Id"); + + b.HasIndex("SourceUnitId"); + + b.HasIndex("TargetUnitId"); + + b.ToTable("KnowledgeUnitLinks"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.NexusUser", b => + { + b.Property("Id") + .HasColumnType("text"); + + b.Property("AITokenLimit") + .HasColumnType("integer"); + + b.Property("AITokensUsed") + .HasColumnType("integer"); + + b.Property("AccessFailedCount") + .HasColumnType("integer"); + + b.Property("ConcurrencyStamp") + .IsConcurrencyToken() + .HasColumnType("text"); + + b.Property("DisplayName") + .HasMaxLength(100) + .HasColumnType("character varying(100)"); + + b.Property("Email") + .HasMaxLength(256) + .HasColumnType("character varying(256)"); + + b.Property("EmailConfirmed") + .HasColumnType("boolean"); + + b.Property("LastAiActionDate") + .HasColumnType("timestamp with time zone"); + + b.Property("LastReadAt") + .HasColumnType("timestamp with time zone"); + + b.Property("LastReadPageId") + .HasMaxLength(255) + .HasColumnType("character varying(255)"); + + b.Property("LockoutEnabled") + .HasColumnType("boolean"); + + b.Property("LockoutEnd") + .HasColumnType("timestamp with time zone"); + + b.Property("NormalizedEmail") + .HasMaxLength(256) + .HasColumnType("character varying(256)"); + + b.Property("NormalizedUserName") + .HasMaxLength(256) + .HasColumnType("character varying(256)"); + + b.Property("PasswordHash") + .HasColumnType("text"); + + b.Property("PhoneNumber") + .HasColumnType("text"); + + b.Property("PhoneNumberConfirmed") + .HasColumnType("boolean"); + + b.Property("SecurityStamp") + .HasColumnType("text"); + + b.Property("SubscriptionPlanId") + .ValueGeneratedOnAdd() + .HasColumnType("integer") + .HasDefaultValue(1); + + b.Property("TenantId") + .IsRequired() + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.Property("ThemePreference") + .ValueGeneratedOnAdd() + .HasColumnType("integer") + .HasDefaultValue(0); + + b.Property("TwoFactorEnabled") + .HasColumnType("boolean"); + + b.Property("UserName") + .HasMaxLength(256) + .HasColumnType("character varying(256)"); + + b.HasKey("Id"); + + b.HasIndex("NormalizedEmail") + .HasDatabaseName("EmailIndex"); + + b.HasIndex("NormalizedUserName") + .IsUnique() + .HasDatabaseName("UserNameIndex"); + + b.HasIndex("SubscriptionPlanId"); + + b.HasIndex("TenantId"); + + b.ToTable("AspNetUsers", (string)null); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.QuizResult", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("uuid"); + + b.Property("CompletedDate") + .HasColumnType("timestamp with time zone"); + + b.Property("Score") + .HasColumnType("integer"); + + b.Property("TenantId") + .IsRequired() + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.Property("Topic") + .IsRequired() + .HasColumnType("text"); + + b.Property("TotalQuestions") + .HasColumnType("integer"); + + b.Property("UserId") + .IsRequired() + .HasColumnType("text"); + + b.HasKey("Id"); + + b.HasIndex("TenantId"); + + b.HasIndex("UserId"); + + b.ToTable("QuizResults"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.SemanticKnowledgeCache", b => + { + b.Property("ContentHash") + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.Property("CreatedAt") + .HasColumnType("timestamp with time zone"); + + b.Property("JsonData") + .IsRequired() + .HasColumnType("text"); + + b.Property("ModelId") + .IsRequired() + .HasMaxLength(50) + .HasColumnType("character varying(50)"); + + b.Property("OriginalText") + .IsRequired() + .HasColumnType("text"); + + b.Property("PromptVersion") + .IsRequired() + .HasMaxLength(10) + .HasColumnType("character varying(10)"); + + b.Property("TenantId") + .IsRequired() + .HasMaxLength(128) + .HasColumnType("character varying(128)"); + + b.HasKey("ContentHash"); + + b.HasIndex("ContentHash") + .IsUnique(); + + b.HasIndex("TenantId"); + + b.ToTable("SemanticKnowledgeCache"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.SubscriptionPlan", b => + { + b.Property("Id") + .ValueGeneratedOnAdd() + .HasColumnType("integer"); + + NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property("Id")); + + b.Property("AITokenLimit") + .HasColumnType("integer"); + + b.Property("IsUnlimitedTokens") + .HasColumnType("boolean"); + + b.Property("MonthlyPrice") + .HasColumnType("numeric"); + + b.Property("PlanName") + .IsRequired() + .HasMaxLength(50) + .HasColumnType("character varying(50)"); + + b.Property("StripeProductId") + .IsRequired() + .HasMaxLength(50) + .HasColumnType("character varying(50)"); + + b.HasKey("Id"); + + b.HasIndex("PlanName") + .IsUnique(); + + b.ToTable("SubscriptionPlans"); + + b.HasData( + new + { + Id = 1, + AITokenLimit = 5000, + IsUnlimitedTokens = false, + MonthlyPrice = 0m, + PlanName = "Free", + StripeProductId = "prod_Free789" + }, + new + { + Id = 2, + AITokenLimit = 10000, + IsUnlimitedTokens = false, + MonthlyPrice = 9.99m, + PlanName = "Basic", + StripeProductId = "prod_basic_placeholder" + }, + new + { + Id = 3, + AITokenLimit = 50000, + IsUnlimitedTokens = false, + MonthlyPrice = 19.99m, + PlanName = "Pro", + StripeProductId = "prod_pro_placeholder" + }, + new + { + Id = 4, + AITokenLimit = 1000000000, + IsUnlimitedTokens = true, + MonthlyPrice = 99.99m, + PlanName = "Enterprise", + StripeProductId = "prod_enterprise_placeholder" + }); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim", b => + { + b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null) + .WithMany() + .HasForeignKey("RoleId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim", b => + { + b.HasOne("NexusReader.Domain.Entities.NexusUser", null) + .WithMany() + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin", b => + { + b.HasOne("NexusReader.Domain.Entities.NexusUser", null) + .WithMany() + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole", b => + { + b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null) + .WithMany() + .HasForeignKey("RoleId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("NexusReader.Domain.Entities.NexusUser", null) + .WithMany() + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken", b => + { + b.HasOne("NexusReader.Domain.Entities.NexusUser", null) + .WithMany() + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.Ebook", b => + { + b.HasOne("NexusReader.Domain.Entities.Author", "Author") + .WithMany("Ebooks") + .HasForeignKey("AuthorId") + .OnDelete(DeleteBehavior.Restrict) + .IsRequired(); + + b.HasOne("NexusReader.Domain.Entities.NexusUser", "User") + .WithMany("Ebooks") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("Author"); + + b.Navigation("User"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.KnowledgeUnit", b => + { + b.HasOne("NexusReader.Domain.Entities.Ebook", "Ebook") + .WithMany() + .HasForeignKey("EbookId") + .OnDelete(DeleteBehavior.Cascade); + + b.Navigation("Ebook"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.KnowledgeUnitLink", b => + { + b.HasOne("NexusReader.Domain.Entities.KnowledgeUnit", "SourceUnit") + .WithMany("OutgoingLinks") + .HasForeignKey("SourceUnitId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.HasOne("NexusReader.Domain.Entities.KnowledgeUnit", "TargetUnit") + .WithMany("IncomingLinks") + .HasForeignKey("TargetUnitId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("SourceUnit"); + + b.Navigation("TargetUnit"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.NexusUser", b => + { + b.HasOne("NexusReader.Domain.Entities.SubscriptionPlan", "SubscriptionPlan") + .WithMany() + .HasForeignKey("SubscriptionPlanId") + .OnDelete(DeleteBehavior.Restrict) + .IsRequired(); + + b.Navigation("SubscriptionPlan"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.QuizResult", b => + { + b.HasOne("NexusReader.Domain.Entities.NexusUser", "User") + .WithMany("QuizResults") + .HasForeignKey("UserId") + .OnDelete(DeleteBehavior.Cascade) + .IsRequired(); + + b.Navigation("User"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.Author", b => + { + b.Navigation("Ebooks"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.KnowledgeUnit", b => + { + b.Navigation("IncomingLinks"); + + b.Navigation("OutgoingLinks"); + }); + + modelBuilder.Entity("NexusReader.Domain.Entities.NexusUser", b => + { + b.Navigation("Ebooks"); + + b.Navigation("QuizResults"); + }); +#pragma warning restore 612, 618 + } + } +} diff --git a/src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.cs b/src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.cs new file mode 100644 index 0000000..20e1de5 --- /dev/null +++ b/src/NexusReader.Data/Migrations/20260607104453_AddThemePreference.cs @@ -0,0 +1,56 @@ +using Microsoft.EntityFrameworkCore.Migrations; +using Pgvector; + +#nullable disable + +namespace NexusReader.Data.Migrations +{ + /// + public partial class AddThemePreference : Migration + { + /// + protected override void Up(MigrationBuilder migrationBuilder) + { + migrationBuilder.DropColumn( + name: "Vector", + table: "SemanticKnowledgeCache"); + + migrationBuilder.DropColumn( + name: "Vector", + table: "KnowledgeUnits"); + + migrationBuilder.AlterDatabase() + .OldAnnotation("Npgsql:PostgresExtension:vector", ",,"); + + migrationBuilder.AddColumn( + name: "ThemePreference", + table: "AspNetUsers", + type: "integer", + nullable: false, + defaultValue: 0); + } + + /// + protected override void Down(MigrationBuilder migrationBuilder) + { + migrationBuilder.DropColumn( + name: "ThemePreference", + table: "AspNetUsers"); + + migrationBuilder.AlterDatabase() + .Annotation("Npgsql:PostgresExtension:vector", ",,"); + + migrationBuilder.AddColumn( + name: "Vector", + table: "SemanticKnowledgeCache", + type: "vector(1536)", + nullable: true); + + migrationBuilder.AddColumn( + name: "Vector", + table: "KnowledgeUnits", + type: "vector(768)", + nullable: true); + } + } +} diff --git a/src/NexusReader.Data/Migrations/AppDbContextModelSnapshot.cs b/src/NexusReader.Data/Migrations/AppDbContextModelSnapshot.cs index e794006..05ee59d 100644 --- a/src/NexusReader.Data/Migrations/AppDbContextModelSnapshot.cs +++ b/src/NexusReader.Data/Migrations/AppDbContextModelSnapshot.cs @@ -5,7 +5,6 @@ using Microsoft.EntityFrameworkCore.Infrastructure; using Microsoft.EntityFrameworkCore.Storage.ValueConversion; using NexusReader.Data.Persistence; using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata; -using Pgvector; #nullable disable @@ -21,7 +20,6 @@ namespace NexusReader.Data.Migrations .HasAnnotation("ProductVersion", "10.0.7") .HasAnnotation("Relational:MaxIdentifierLength", 63); - NpgsqlModelBuilderExtensions.HasPostgresExtension(modelBuilder, "vector"); NpgsqlModelBuilderExtensions.UseIdentityByDefaultColumns(modelBuilder); modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRole", b => @@ -264,9 +262,6 @@ namespace NexusReader.Data.Migrations b.Property("Type") .HasColumnType("integer"); - b.Property("Vector") - .HasColumnType("vector(768)"); - b.Property("Version") .IsRequired() .HasMaxLength(50) @@ -388,6 +383,11 @@ namespace NexusReader.Data.Migrations .HasMaxLength(128) .HasColumnType("character varying(128)"); + b.Property("ThemePreference") + .ValueGeneratedOnAdd() + .HasColumnType("integer") + .HasDefaultValue(0); + b.Property("TwoFactorEnabled") .HasColumnType("boolean"); @@ -480,9 +480,6 @@ namespace NexusReader.Data.Migrations .HasMaxLength(128) .HasColumnType("character varying(128)"); - b.Property("Vector") - .HasColumnType("vector(1536)"); - b.HasKey("ContentHash"); b.HasIndex("ContentHash") diff --git a/src/NexusReader.Data/Persistence/AppDbContext.cs b/src/NexusReader.Data/Persistence/AppDbContext.cs index 57d80d5..0f8b3b2 100644 --- a/src/NexusReader.Data/Persistence/AppDbContext.cs +++ b/src/NexusReader.Data/Persistence/AppDbContext.cs @@ -1,6 +1,7 @@ using Microsoft.AspNetCore.Identity.EntityFrameworkCore; using Microsoft.EntityFrameworkCore; using NexusReader.Domain.Entities; +using NexusReader.Domain.Enums; namespace NexusReader.Data.Persistence; @@ -43,6 +44,10 @@ public class AppDbContext : IdentityDbContext // Note: DefaultValue for int is 1 (which corresponds to 'Free' in our seed) entity.Property(u => u.SubscriptionPlanId) .HasDefaultValue(1); + + entity.Property(u => u.ThemePreference) + .HasConversion() + .HasDefaultValue(ThemeMode.System); }); modelBuilder.Entity(entity => diff --git a/src/NexusReader.Domain/Entities/NexusUser.cs b/src/NexusReader.Domain/Entities/NexusUser.cs index c395882..dda03eb 100644 --- a/src/NexusReader.Domain/Entities/NexusUser.cs +++ b/src/NexusReader.Domain/Entities/NexusUser.cs @@ -1,6 +1,7 @@ using Microsoft.AspNetCore.Identity; using System.ComponentModel.DataAnnotations; using System.ComponentModel.DataAnnotations.Schema; +using NexusReader.Domain.Enums; namespace NexusReader.Domain.Entities; @@ -65,4 +66,9 @@ public class NexusUser : IdentityUser /// Last read timestamp. /// public DateTime? LastReadAt { get; set; } + + /// + /// User's visual theme preference. + /// + public ThemeMode ThemePreference { get; set; } = ThemeMode.System; } diff --git a/src/NexusReader.Domain/Enums/ThemeMode.cs b/src/NexusReader.Domain/Enums/ThemeMode.cs new file mode 100644 index 0000000..64c33b1 --- /dev/null +++ b/src/NexusReader.Domain/Enums/ThemeMode.cs @@ -0,0 +1,8 @@ +namespace NexusReader.Domain.Enums; + +public enum ThemeMode +{ + System = 0, + Dark = 1, + LightSepia = 2 +} diff --git a/src/NexusReader.Maui/MauiProgram.cs b/src/NexusReader.Maui/MauiProgram.cs index 4a5fca4..f72f6d6 100644 --- a/src/NexusReader.Maui/MauiProgram.cs +++ b/src/NexusReader.Maui/MauiProgram.cs @@ -8,6 +8,7 @@ using NexusReader.Application; using MediatR; using NexusReader.Maui.Infrastructure.Logging; using NexusReader.Maui.Infrastructure.Identity; +using NexusReader.Maui.Services; namespace NexusReader.Maui; @@ -44,7 +45,7 @@ public static class MauiProgram // Minimal Infrastructure builder.Services.AddSingleton(); - builder.Services.AddSingleton(); + builder.Services.AddSingleton(); // Minimal Identity (Safe Mode) builder.Services.AddScoped(); @@ -67,7 +68,8 @@ public static class MauiProgram var featureSettings = builder.Configuration.GetSection("Features").Get() ?? new FeatureSettings(); builder.Services.AddSingleton(featureSettings); - builder.Services.AddScoped(); + builder.Services.AddSingleton(); + builder.Services.AddSingleton(); builder.Services.AddScoped(); builder.Services.AddScoped(); builder.Services.AddScoped(); diff --git a/src/NexusReader.Maui/Services/MauiUserPreferenceStore.cs b/src/NexusReader.Maui/Services/MauiUserPreferenceStore.cs new file mode 100644 index 0000000..cfe0677 --- /dev/null +++ b/src/NexusReader.Maui/Services/MauiUserPreferenceStore.cs @@ -0,0 +1,61 @@ +using System.Net.Http; +using System.Net.Http.Json; +using FluentResults; +using NexusReader.Application.DTOs.User; +using NexusReader.Domain.Enums; +using NexusReader.Application.Abstractions.Services; + +namespace NexusReader.Maui.Services; + +public class MauiUserPreferenceStore : IUserPreferenceStore +{ + private readonly IHttpClientFactory _httpClientFactory; + + public MauiUserPreferenceStore(IHttpClientFactory httpClientFactory) + { + _httpClientFactory = httpClientFactory; + } + + private HttpClient CreateClient() => _httpClientFactory.CreateClient("NexusAPI"); + + public async Task SaveThemePreferenceAsync(ThemeMode mode) + { + try + { + var client = CreateClient(); + var response = await client.PostAsJsonAsync("identity/theme", new UpdateThemeRequest(mode)); + if (response.IsSuccessStatusCode) + { + return Result.Ok(); + } + + var error = await response.Content.ReadAsStringAsync(); + return Result.Fail($"Failed to save cloud theme preference on mobile: {error}"); + } + catch (Exception ex) + { + return Result.Fail(new Error("Network error saving mobile theme preference to cloud.").CausedBy(ex)); + } + } + + public async Task> GetThemePreferenceAsync() + { + try + { + var client = CreateClient(); + var response = await client.GetAsync("identity/profile"); + if (response.IsSuccessStatusCode) + { + var profile = await response.Content.ReadFromJsonAsync(); + return profile != null + ? Result.Ok(profile.ThemePreference) + : Result.Fail("Failed to deserialize mobile profile response."); + } + return Result.Fail($"Failed to fetch theme preference from cloud on mobile: {response.ReasonPhrase}"); + } + catch (Exception ex) + { + return Result.Fail(new Error("Network error retrieving theme preference on mobile.").CausedBy(ex)); + } + } +} diff --git a/src/NexusReader.Maui/wwwroot/index.html b/src/NexusReader.Maui/wwwroot/index.html index 26a7ed5..8d3fbd0 100644 --- a/src/NexusReader.Maui/wwwroot/index.html +++ b/src/NexusReader.Maui/wwwroot/index.html @@ -9,13 +9,28 @@ diff --git a/src/NexusReader.UI.Shared/Components/Molecules/AiResponseRenderer.razor.css b/src/NexusReader.UI.Shared/Components/Molecules/AiResponseRenderer.razor.css index b8d96f1..09c66a8 100644 --- a/src/NexusReader.UI.Shared/Components/Molecules/AiResponseRenderer.razor.css +++ b/src/NexusReader.UI.Shared/Components/Molecules/AiResponseRenderer.razor.css @@ -30,17 +30,17 @@ } .user-row .message-avatar { - background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%); - color: #ffffff; - border: 1px solid rgba(255, 255, 255, 0.2); - box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); + background: var(--bg-surface); + color: var(--text-main); + border: 1px solid var(--border); + box-shadow: 0 0 10px var(--border); } .ai-row .message-avatar { background: linear-gradient(135deg, #005f38 0%, #004024 100%); color: #e6fffa; - border: 1px solid rgba(0, 255, 153, 0.4); - box-shadow: 0 0 10px rgba(0, 255, 153, 0.25); + border: 1px solid var(--accent); + box-shadow: 0 0 10px var(--accent-glow); } .message-bubble { @@ -55,23 +55,23 @@ } .user-bubble { - background: #1a1a1e; - border: 1px solid rgba(255, 255, 255, 0.05); - color: #e4e4e7; + background: var(--bg-surface); + border: 1px solid var(--border); + color: var(--text-main); border-top-right-radius: 4px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02); } .ai-bubble { - background: rgba(26, 26, 30, 0.6); - border: 1px solid rgba(255, 255, 255, 0.05); - color: #e2e8f0; + background: var(--bg-surface); + border: 1px solid var(--border); + color: var(--text-main); border-top-left-radius: 4px; - box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2); + box-shadow: 0 4px 25px rgba(0, 0, 0, 0.03); } .paywalled-bubble { - border-color: rgba(16, 185, 129, 0.15); + border-color: var(--accent-glow); } .message-header { @@ -109,8 +109,8 @@ .paywall-teaser { position: relative; margin-bottom: 1.5rem; - -webkit-mask-image: linear-gradient(to bottom, black 30%, transparent 100%); - mask-image: linear-gradient(to bottom, black 30%, transparent 100%); + -webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 100%); + mask-image: linear-gradient(to bottom, #000 30%, transparent 100%); filter: blur(2px); pointer-events: none; -webkit-user-select: none; @@ -119,12 +119,12 @@ /* Upsell Card */ .upsell-card { - background: #1a1a1e; + background: var(--bg-base); border-radius: 12px; - border: 1px solid rgba(16, 185, 129, 0.25); + border: 1px solid var(--accent-glow); padding: 1.5rem; margin-top: 1rem; - box-shadow: 0 8px 32px rgba(16, 185, 129, 0.08), 0 4px 12px rgba(0, 0, 0, 0.4); + box-shadow: 0 8px 32px var(--accent-glow), 0 4px 12px var(--border); animation: card-slide-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; } @@ -141,14 +141,14 @@ .upsell-header h4 { margin: 0; - color: #10b981; + color: var(--accent); font-size: 1.1rem; font-weight: 700; letter-spacing: 0.5px; } .upsell-text { - color: rgba(255, 255, 255, 0.75); + color: var(--text-main); font-size: 0.9rem; line-height: 1.55; margin: 0 0 1.25rem 0; @@ -177,15 +177,16 @@ } .btn-primary { - background: #10b981; + background: var(--accent); border: none; - color: #121214; + color: var(--bg-surface); } .btn-primary:hover:not(:disabled) { - background: #0d9668; + background: var(--accent); + opacity: 0.9; transform: translateY(-2px); - box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3); + box-shadow: 0 4px 15px var(--accent-glow); } .btn-primary:active:not(:disabled) { @@ -193,19 +194,19 @@ } .btn-primary:disabled { - background: rgba(16, 185, 129, 0.5); - color: rgba(18, 18, 20, 0.6); + background: var(--accent-glow); + color: var(--text-muted); cursor: not-allowed; } .btn-secondary { background: transparent; - border: 1px solid #10b981; - color: #10b981; + border: 1px solid var(--accent); + color: var(--accent); } .btn-secondary:hover { - background: rgba(16, 185, 129, 0.05); + background: var(--accent-glow); transform: translateY(-2px); } @@ -218,9 +219,9 @@ display: flex; align-items: center; gap: 0.75rem; - background: rgba(16, 185, 129, 0.1); - border: 1px solid rgba(16, 185, 129, 0.3); - color: #10b981; + background: var(--accent-glow); + border: 1px solid var(--accent); + color: var(--accent); padding: 1rem; border-radius: 8px; margin-top: 1.25rem; @@ -238,8 +239,8 @@ .payment-spinner { width: 16px; height: 16px; - border: 2px solid rgba(18, 18, 20, 0.2); - border-top-color: #121214; + border: 2px solid var(--border); + border-top-color: var(--accent); border-radius: 50%; margin-right: 0.75rem; animation: spin 0.8s linear infinite; @@ -265,3 +266,49 @@ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } + +/* ============================================================ + LIGHT THEME OVERRIDES — "Warm Paper / Soft Sepia" + ============================================================ */ + +.theme-light .ai-row .message-avatar { + background: linear-gradient(135deg, #10b981 0%, #059669 100%); + color: #ffffff; + border: 1px solid rgba(16, 185, 129, 0.2); + box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15); +} + +.theme-light .user-row .message-avatar { + box-shadow: 0 2px 8px rgba(139, 130, 115, 0.1); +} + +.theme-light .upsell-card { + box-shadow: 0 8px 32px rgba(16, 185, 129, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04); +} + +.theme-light .btn-primary { + background: var(--accent); + color: #ffffff; +} + +.theme-light .btn-primary:hover:not(:disabled) { + background: #059669; + color: #ffffff; + opacity: 1; + box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15); +} + +.theme-light .btn-secondary { + border-color: var(--accent); + color: var(--accent); +} + +.theme-light .btn-secondary:hover { + background: rgba(16, 185, 129, 0.05); +} + +.theme-light .paywall-teaser { + -webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 100%); + mask-image: linear-gradient(to bottom, #000 30%, transparent 100%); +} + diff --git a/src/NexusReader.UI.Shared/Components/Molecules/IntelligenceToolbar.razor b/src/NexusReader.UI.Shared/Components/Molecules/IntelligenceToolbar.razor index 3026d26..523e8ee 100644 --- a/src/NexusReader.UI.Shared/Components/Molecules/IntelligenceToolbar.razor +++ b/src/NexusReader.UI.Shared/Components/Molecules/IntelligenceToolbar.razor @@ -49,7 +49,7 @@ protected override void OnInitialized() { FocusMode.OnFocusModeChanged += HandleUpdate; - ThemeService.OnThemeChanged += HandleThemeChangedAsync; + ThemeService.OnThemeChanged += HandleThemeChanged; } private async Task HandleClearCache() @@ -68,11 +68,11 @@ private Task HandleUpdate() => InvokeAsync(StateHasChanged); - private Task HandleThemeChangedAsync() => InvokeAsync(StateHasChanged); + private void HandleThemeChanged(ThemeMode mode) => InvokeAsync(StateHasChanged); public void Dispose() { FocusMode.OnFocusModeChanged -= HandleUpdate; - ThemeService.OnThemeChanged -= HandleThemeChangedAsync; + ThemeService.OnThemeChanged -= HandleThemeChanged; } } diff --git a/src/NexusReader.UI.Shared/Components/Organisms/ConceptsMap.razor.css b/src/NexusReader.UI.Shared/Components/Organisms/ConceptsMap.razor.css index 47220b5..9b69e69 100644 --- a/src/NexusReader.UI.Shared/Components/Organisms/ConceptsMap.razor.css +++ b/src/NexusReader.UI.Shared/Components/Organisms/ConceptsMap.razor.css @@ -233,3 +233,126 @@ .lock-icon { color: rgba(255, 255, 255, 0.2); } + +/* ============================================================ + LIGHT THEME OVERRIDES — "Warm Paper / Soft Sepia" + ============================================================ */ + +.theme-light .concepts-map::-webkit-scrollbar-thumb:hover { + background: var(--accent); +} + +.theme-light .empty-map-state { + background: rgba(0, 0, 0, 0.01); + border-color: var(--border); + color: var(--text-muted); +} + +.theme-light .empty-map-state .dim-icon { + color: var(--text-muted); + opacity: 0.4; +} + +.theme-light .timeline-step:hover { + background: rgba(0, 0, 0, 0.02); +} + +.theme-light .timeline-step.unlocked:hover { + border-color: rgba(16, 185, 129, 0.15); + box-shadow: 0 4px 20px rgba(16, 185, 129, 0.05); +} + +.theme-light .timeline-step.selected { + background: rgba(16, 185, 129, 0.04); + border-color: var(--accent); + box-shadow: 0 0 12px rgba(16, 185, 129, 0.15); +} + +.theme-light .node-circle { + background: var(--bg-surface); +} + +.theme-light .unlocked .node-circle { + background: var(--bg-surface); + border-color: var(--accent); + color: var(--accent); + box-shadow: none; +} + +.theme-light .locked .node-circle { + background: var(--bg-base); + border-color: var(--border); + color: var(--text-muted); +} + +.theme-light .node-glow { + display: none; +} + +.theme-light .track-active { + background: var(--accent); + box-shadow: none; +} + +.theme-light .track-inactive { + background: var(--border); +} + +.theme-light .node-content { + background: var(--bg-surface); + border: 1px solid var(--border); +} + +.theme-light .timeline-step.selected .node-content { + background: var(--bg-surface); + border-color: rgba(16, 185, 129, 0.2); +} + +.theme-light .segment-tag { + color: var(--text-muted); +} + +.theme-light .unlocked .segment-tag { + color: var(--accent); +} + +.theme-light .badge-unlocked { + background: rgba(16, 185, 129, 0.08); + color: var(--accent); + border-color: rgba(16, 185, 129, 0.2); +} + +.theme-light .badge-locked { + background: var(--bg-base); + color: var(--text-muted); + border-color: var(--border); +} + +.theme-light .node-title { + color: var(--text-main); +} + +.theme-light .timeline-step.unlocked:hover .node-title { + color: var(--accent); +} + +.theme-light .locked .node-title { + color: var(--text-muted); +} + +.theme-light .node-desc { + color: var(--text-muted); +} + +.theme-light .locked .node-desc { + color: var(--text-muted); +} + +.theme-light .check-icon { + color: var(--accent); +} + +.theme-light .lock-icon { + color: var(--text-muted); +} + diff --git a/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor b/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor index 89626ab..26b8a66 100644 --- a/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor +++ b/src/NexusReader.UI.Shared/Components/Organisms/ContextualRecommendationsWidget.razor @@ -15,7 +15,7 @@ @if (_isLoading) { -
+