Add lara themes

pull/1751/head
Cagatay Civici 2021-11-08 13:44:13 +03:00
parent 64eee54a3d
commit 6ea356800c
47 changed files with 16166 additions and 2 deletions

View File

@ -13,7 +13,7 @@
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>PrimeVUE</title> <title>PrimeVUE</title>
<link id="theme-link" rel="stylesheet" href="<%= BASE_URL %>themes/saga-blue/theme.css"> <link id="theme-link" rel="stylesheet" href="<%= BASE_URL %>themes/lara-dark-indigo/theme.css">
</head> </head>
<body> <body>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,21 @@
/* Error: Only 4 arguments allowed, but 5 were passed.
* ,--> ../../Development/projects/designer/designer-vue/designer-ui/src/assets/themes/lara/lara-dark/purple/theme.scss
* 7 | $highlightBg:rgba(196, 181, 253, 1, .16) !default;
* | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation
* '
* ,
* 1 | @function rgba($red, $green, $blue, $alpha) {
* | ================================= declaration
* '
* ../../Development/projects/designer/designer-vue/designer-ui/src/assets/themes/lara/lara-dark/purple/theme.scss 7:14 root stylesheet */
body::before {
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
"Droid Sans Mono", monospace, monospace;
white-space: pre;
display: block;
padding: 1em;
margin-bottom: 1em;
border-bottom: 2px solid black;
content: "Error: Only 4 arguments allowed, but 5 were passed.\a \250c \2500 \2500 > ../../Development/projects/designer/designer-vue/designer-ui/src/assets/themes/lara/lara-dark/purple/theme.scss\a 7 \2502 $highlightBg:rgba(196, 181, 253, 1, .16) !default;\a \2502 ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation\a \2575 \a \2577 \a 1 \2502 @function rgba($red, $green, $blue, $alpha) {\a \2502 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 \2501 declaration\a \2575 \a ../../Development/projects/designer/designer-vue/designer-ui/src/assets/themes/lara/lara-dark/purple/theme.scss 7:14 root stylesheet";
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

View File

@ -43,7 +43,7 @@ export default {
return { return {
sidebarActive: false, sidebarActive: false,
newsActive: true, newsActive: true,
theme: 'saga-blue' theme: 'lara-dark-indigo'
} }
}, },
mounted() { mounted() {

View File

@ -131,6 +131,30 @@
<h5>PrimeOne Design</h5> <h5>PrimeOne Design</h5>
<div class="p-grid free-themes"> <div class="p-grid free-themes">
<div class="p-col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-indigo')">
<img src="demo/images/themes/saga-blue.png" alt="Saga Blue" />
</button>
<span>Lara Indigo</span>
</div>
<div class="p-col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-light-purple')">
<img src="demo/images/themes/saga-green.png" alt="Saga Green" />
</button>
<span>Lara Purple</span>
</div>
<div class="p-col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo')">
<img src="demo/images/themes/saga-orange.png" alt="Saga Orange" />
</button>
<span>Lara Dark Indigo</span>
</div>
<div class="p-col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple')">
<img src="demo/images/themes/saga-purple.png" alt="Saga Purple" />
</button>
<span>Lara Dark Purple</span>
</div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'saga-blue')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-blue')">
<img src="demo/images/themes/saga-blue.png" alt="Saga Blue" /> <img src="demo/images/themes/saga-blue.png" alt="Saga Blue" />