You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/routes/docs/customize-settings/appearance/+page.md
+31-23Lines changed: 31 additions & 23 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,39 +6,43 @@ title: Appearance
6
6
import { InfoBar } from"fluent-svelte";
7
7
</script>
8
8
9
-
The Appearance page in settings allows you to personalize your Files experience with a variety of aesthetic options. For those who love to tinker, we’ll even show you how to manually adjust the settings file for additional background colors and fonts.
9
+
The **Appearance** page in settings gives you full control over the look and feel of the Files interface. Whether you're syncing with your system theme or crafting your own custom setup, this page guides you through everything from light/dark mode and transparency to fonts, backgrounds, and themes.
10
+
11
+
For power users, we'll even walk through advanced customization using the settings file.
10
12
11
13
## Theme customization
12
14
13
-
Toggle effortlessly between dark and light mode to match your style or ambient lighting. The "Default" setting syncs with your Windows system theme, ensuring a cohesive visual experience.
15
+
Toggle effortlessly between **light** and **dark** mode to match your personal style or environment. Selecting "Default" will sync Files with your Windows system theme for a consistent appearance across apps.
14
16
15
17

16
18
17
-
18
19
## Transparency effects
19
20
20
21
<InfoBarseverity="information">
21
-
Please note that a completely transparent window isn't available right now.
22
+
A fully transparent window isn't available at this time.
22
23
</InfoBar>
23
24
24
-
Choose your preferred backdrop material to add a layer of transparency to your window background. Opt for Mica Alt for a subtle effect (note: Mica requires Windows 11) or Acrylic for a frosted appearance. To fully appreciate these effects, ensure your background color is set to transparent.
25
+
You can adjust the visual flair by choosing a backdrop material:
26
+
27
+
-**Mica** – A soft, dynamic material that subtly incorporates the desktop wallpaper and theme color. Requires Windows 11.
28
+
-**Mica Alt** – A higher-contrast version of Mica for increased visual distinction. Requires Windows 11.
29
+
-**Acrylic** – A frosted, blurred transparency effect that creates a glass-like appearance. Supported on Windows 10 and 11.
25
30
31
+
Tip: For these effects to shine, be sure the app background includes some level of transparency.
26
32
27
33
## Background color
28
34
29
-
Personalize the background color of your window from a spectrum of pre-selected shades. For a unique touch, use the color picker to input a custom coloror adjust transparency to your liking.
35
+
Pick from a curated palette or use the color picker to select a custom color—fully opaque or semi-transparent. You control the vibe.
Want to go further? You can modify areas like the address bar and file pane by editing the settings file directly:
35
42
36
-
While there isn't an option in the settings UI, you can change the address bar, sidebar, and file area backgrounds by manually editing the settings file:
37
-
38
-
1. Open Files > Settings > Advanced > Edit settings file. This will open the settings file in your default text editor.
39
-
2. Before editing the settings file, you’ll need to close Files by right-clicking the icon in the system tray and clicking on "Quit".
40
-
3. The settings file has a JSON format. You can use any text editor to open and modify it.
41
-
4. Search for any of the keys listed below and edit the value as desired.
43
+
1. Open **Settings > Advanced > Edit settings file**.
44
+
2. Close Files completely via the system tray ("Quit") before making edits.
45
+
3. Use a text editor to find and adjust any of the keys below.
@@ -51,15 +55,15 @@ While there isn't an option in the settings UI, you can change the address bar,
51
55
52
56
## Custom fonts
53
57
54
-
There isn't an option in the settings UI but you can change the default font by manually editing the value for `AppThemeFontFamily` in the settings file.
58
+
While not exposed in the settings UI, you can change the font by modifying the `AppThemeFontFamily` value in the settings file.
55
59
56
60
## Popular themes
57
61
58
-
We put together some popular color combinations to help users create custom themes.
62
+
Here are a few hand-crafted themes to get you started:
59
63
60
64
### Glass
61
65
62
-
The glass theme is best paired with the Acrylic backdrop material.
66
+
Pairs beautifully with Acrylic for that translucent, glass-like finish.
@@ -107,15 +115,15 @@ The finder theme is based on the color scheme in Finder.
107
115
108
116
## Background image
109
117
110
-
Files allows you to configure a custom background image or gif using the settings UI. Once selected, Files will update to display your image as a beautiful background, adding a distinctive touch to your workspace. Additionally, you can adjust the image’s opacity and display settings for a truly customized look.
118
+
You can personalize Files even further by setting a custom backgroundimage—or even a GIF.
Copy file name to clipboardExpand all lines: src/routes/docs/customize-settings/general/+page.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ title: General
6
6
import { InfoBar } from"fluent-svelte";
7
7
</script>
8
8
9
-
The General settings page gives you control over core aspects of the Files app experience—from choosing your language and customizing startup behavior to tweaking the appearance of context menus and widgets on the Home page. This section walks you through each setting category and what you can expect when enabling specific features.
9
+
The **General** settings page gives you control over core aspects of the Files app experience—from choosing your language and customizing startup behavior to tweaking the appearance of context menus and widgets on the Home page. This section walks you through each setting category and what you can expect when enabling specific features.
0 commit comments