Skip to content

Commit d304f7a

Browse files
Add files via upload
1 parent 9c0aa4a commit d304f7a

File tree

1 file changed

+73
-0
lines changed

1 file changed

+73
-0
lines changed

extra/custom-head.blade.php

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
{{--
2+
3+
4+
|--------------------------------------------------------------------------
5+
| Custom assets
6+
|--------------------------------------------------------------------------
7+
8+
Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder.
9+
Custom assets can be any file you would like to use in your theme.
10+
For example: JS, CSS or image files.
11+
12+
You can load these custom assets with a built-in function, 'themeAsset()'.
13+
Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function.
14+
15+
Down below, you can find a few examples using this function:
16+
17+
18+
19+
--}}
20+
21+
<style>
22+
html {
23+
font-size: 100%; }
24+
25+
/* From the :root element you can easily change the colors of the design, its size and so on. */
26+
:root {
27+
28+
/* You can change the font family in the whole design here. (You need to add the font family to the codes.) */
29+
--font-family: 'Inter', sans-serif;
30+
31+
/* You can change the font size here, is proportional to all texts. */
32+
--font-size: 16px;
33+
34+
/* You can change the background color by typing the color code. (If you do not enter a background-image image, the background-color will be active.) */
35+
--background-color: #000;
36+
--background-image: url({{themeAsset('../../wallpaper.png')}});
37+
38+
/* You can change the frame thickness and color of the picture by typing the number of pixels and the color code. */
39+
--image-border-color: #1f232e;
40+
--image-border-px: 3px;
41+
42+
/* You can change the width and size of the picture by typing the number of pixels. */
43+
--image-width: 140px;
44+
--image-height: 140px;
45+
46+
/* You can change the colors of the title and description section by typing the color codes. */
47+
--title-color: #fff;
48+
--description-color: #fff;
49+
50+
/* You can change the colors of social media icons by changing the color code. */
51+
--svg-color: #fff;
52+
53+
/* You can change the background, text color and active color of the menu by changing the color codes. */
54+
--menu-background-color: #1f232e;
55+
--menu-text-color: #fff;
56+
--menu-active-text-color: #8ecae6;
57+
58+
/* You can change the button's background, text color and active color by changing the color codes. */
59+
--button-background-color: #1f232e;
60+
--button-text-color: #fff;
61+
--button-text-hover-color: #8ecae6;
62+
63+
/* You can change the background, text color and active color of the text field by changing the color codes. */
64+
--textarea-background-color: #1f232e;
65+
--textarea-text-color: #fff;
66+
--textarea-link-text-color: #8ecae6;
67+
68+
/* You can change the background, text color and active color of the footer area by changing the color codes. */
69+
--footer-background-color: #1f232e;
70+
--footer-text-color: #fff;
71+
--footer-link-text-color: #8ecae6;
72+
}
73+
</style>

0 commit comments

Comments
 (0)