Add lara themes
parent
64eee54a3d
commit
6ea356800c
|
@ -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.
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.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -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.
Binary file not shown.
Binary file not shown.
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.
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
|
@ -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() {
|
||||||
|
|
|
@ -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" />
|
||||||
|
|
Loading…
Reference in New Issue