chore: style

konnta0 · Nov 15, 2023 · ae814e9 · ae814e9
1 parent 9ad231b
commit ae814e9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/Client/App.razor b/src/Client/App.razor
@@ -1,4 +1,4 @@
-<FluentDesignSystemProvider>
+<FluentDesignSystemProvider AccentBaseColor="#c13bed">
     <Router AppAssembly="@typeof(Program).Assembly" PreferExactMatches="@true">
         <Found Context="routeData">
             <RouteView RouteData="@routeData" />

diff --git a/src/Client/Components/Background/BackgroundDesign.razor.css b/src/Client/Components/Background/BackgroundDesign.razor.css
@@ -7,4 +7,5 @@
     top: 0;
     width: 100vw;
     z-index: -1;
+    background: azure;
 }
diff --git a/src/Client/Components/Content/Sections/About/AboutContainer.razor b/src/Client/Components/Content/Sections/About/AboutContainer.razor
@@ -1,10 +1,10 @@
 <Section id="about">
     <about-container class="about-container">
-        <h4>Hello! I'm</h4>
-        <h1>Kota Suzuki</h1>
-        <p>(Frontend/Backend) Application Engineer</p>
-        <p>I like C#. I'm also interested in Microsoft Azure, which has a high affinity with C #.</p>
-
+        <FluentLabel Typo="Typography.H4" Color="Color.Accent" Weight="FontWeight.Bold">Hello! I'm</FluentLabel>
+        <FluentLabel Typo="Typography.H1" Color="Color.Accent" Weight="FontWeight.Bold">Kota Suzuki</FluentLabel>
+        <FluentLabel Typo="Typography.Subject" Color="Color.Accent">(Frontend/Backend) Application Engineer</FluentLabel>
+        <FluentLabel Typo="Typography.Subject" Color="Color.Accent">I like C#. I'm also interested in Microsoft Azure, which has a high affinity with C #.</FluentLabel>
+        <br/>
         <profile-skill class="profile-skill-grid">
             <Profiles></Profiles>
             <Skills></Skills>