Add Amiga Workbench theme.

This commit is contained in:
2019-11-04 01:02:01 +00:00
parent ba2c727c32
commit 41c8d1b8ce
15 changed files with 10064 additions and 17 deletions

View File

@@ -42,6 +42,11 @@
<link href="~/css/mac/dicserver.css" rel="stylesheet" type="text/css" />
<script src="~/js/colors/mac.js"></script>
break;
// 23rd July, Amiga launch
case 204:
<link href="~/css/amiga/dicserver.css" rel="stylesheet" type="text/css" />
<script src="~/js/colors/amiga.js"></script>
break;
default:
<link href="~/css/dos/dicserver.css" rel="stylesheet" type="text/css" />
<script src="~/js/colors/dos.js"></script>
@@ -76,6 +81,11 @@
@Html.Raw("Fonts are © 2014 <a href=\"http://christtrekker.users.sourceforge.net/fnt/chicago.shtml\" target=\"_blank\">Robin Casady</a>")
;
break;
// 23rd July, Amiga launch
case 204:
@Html.Raw("Fonts are © 2013 <a href=\"https://github.com/rewtnull/amigafonts\" target=\"_blank\">TrueSchool Ascii</a>")
;
break;
default:
@Html.Raw("Fonts are © 2015 - 2016 <a href=\"http://int10h.org\" target=\"_blank\">VileR</a>")
;

View File

@@ -0,0 +1,90 @@
// /***************************************************************************
// The Disc Image Chef
// ----------------------------------------------------------------------------
//
// Filename : _colors.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : DiscImageChef Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets colors for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2019 Natalia Portillo
// ****************************************************************************/
/* Sets the grayscale for Bootstrap */
$white: #FFFFFF;
$darkgray: #555555;
$gray-100: #FFFFFF;
$gray-200: #FFFFFF;
$gray-300: #FFFFFF;
$gray-400: #FFFFFF;
$gray-500: #555555;
$gray-600: #555555;
$gray-700: #555555;
$gray-800: #555555;
$gray-900: #555555;
$black: #000021;
/* Sets color palette, using Workbench palette colors */
$blue: #0055AA;
$indigo: #AA55AA;
$purple: #AA00FF;
$pink: #FF55FF;
$red: #FF0000;
$orange: #FF8800;
$yellow: #FFFF55;
$green: #00AA00;
$teal: #55FFFF;
$cyan: #00AAAA;
$brown: #AA5500;
$brightwhite: #FFFFFF;
/* Bootstrap color aliases */
$primary: $orange;
$secondary: $black;
$success: $orange;
$info: $orange;
$warning: $orange;
$danger: $orange;
$light: $blue;
$dark: $black;
/* Colors for <body> */
$body-bg: $blue;
$body-color: $white;
/* Colors for <a> */
$link-color: $orange;
$link-hover-color: $orange;
/* Colors for cards */
$card-border-color: rgba($white, .125);
$card-cap-bg: rgba($white, .03);
$card-cap-color: inherit;
$card-bg: $black;
/* Colors for tables */
$table-dark-bg: $black;
$table-dark-accent-bg: rgba($white, .05) !default;
$table-dark-hover-bg: rgba($white, .075) !default;
$table-dark-border-color: lighten($orange, 7.5%) !default;
$table-dark-color: $white !default;

View File

@@ -0,0 +1,50 @@
// /***************************************************************************
// The Disc Image Chef
// ----------------------------------------------------------------------------
//
// Filename : _font.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : DiscImageChef Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets font for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2019 Natalia Portillo
// ****************************************************************************/
@font-face
{
font-family: 'Topaz a500a1000a2000';
src: url(../../fonts/Topaz_a500_v1.0.eot);
src: url(../../fonts/Topaz_a500_v1.0.eot?#iefix) format('embedded-opentype'),
url(../../fonts/Topaz_a500_v1.0.woff2) format('woff2'),
url(../../fonts/Topaz_a500_v1.0.woff) format('woff'),
url(../../fonts/Topaz_a500_v1.0.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
$font-family-sans-serif: 'Topaz a500a1000a2000';
$font-family-monospace: 'Topaz a500a1000a2000';
$font-family-base: 'Topaz a500a1000a2000';
$font-size-base: 1.25rem;
$line-height-base: 1;

View File

@@ -0,0 +1,51 @@
// /***************************************************************************
// The Disc Image Chef
// ----------------------------------------------------------------------------
//
// Filename : _fontstyles.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : DiscImageChef Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets font styles for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2019 Natalia Portillo
// ****************************************************************************/
@import "_colors";
/* Sets the style for emphasis/italics */
em, i
{
color: $orange;
font-style: normal;
}
/* Headings and bold text are bright white */
h1, h2, h3, h4,
b, strong
{
color: $orange;
font-size: 1em;
font-style: normal;
font-weight: normal;
margin: 0;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,87 @@
// /***************************************************************************
// The Disc Image Chef
// ----------------------------------------------------------------------------
//
// Filename : dicserver.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : DiscImageChef Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2019 Natalia Portillo
// ****************************************************************************/
@import "_colors";
@import "_font";
@import "_fontstyles";
@import "../../../node_modules/bootstrap/scss/bootstrap";
footer
{
background-color: $black;
color: $white;
}
header
{
background-color: $white;
color: $blue;
text-align: center;
}
header a
{
color: $orange;
}
header a:hover
{
color: $orange;
text-decoration: none;
}
footer a:hover
{
text-decoration: none;
}
.table-centered
{
margin-left:auto;
margin-right:auto;
}
.card-button{color:$orange}
.table-dark-em
{
color: $white;
font-style: normal;
}
.table-dark-header
{
color: $orange;
font-style: normal;
text-align: center;
}

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,17 @@
const themeColors =
[
"#AA55AA",
"#AA00FF",
"#FF55FF",
"#FF0000",
"#FF8800",
"#FFFF55",
"#00AA00",
"#55FFFF",
"#00AAAA",
"#AA5500",
"#0055AA"
];
const chartDataLabelColor = "#000021";
const chartTitleColor = "#000021";

View File

@@ -1,16 +1,16 @@
var themeColors =
const themeColors =
[
"#FF5555",
"#00AA00",
"#AA5500",
"#AA55AA",
"#FF55FF",
"#55FFFF",
"#FFFF55",
"#AA00FF",
"#00AAAA",
"#AAAAAA"
];
"#FF5555",
"#00AA00",
"#AA5500",
"#AA55AA",
"#FF55FF",
"#55FFFF",
"#FFFF55",
"#AA00FF",
"#00AAAA",
"#AAAAAA"
];
var chartDataLabelColor = "#FFFFFF";
var chartTitleColor = "#AAAAAA";
const chartDataLabelColor = "#FFFFFF";
const chartTitleColor = "#AAAAAA";

View File

@@ -1,4 +1,4 @@
var themeColors =
const themeColors =
[
"#1FB714",
"#FBF305",
@@ -13,5 +13,5 @@ var themeColors =
"#006412"
];
var chartDataLabelColor = "#000000";
var chartTitleColor = "#000000";
const chartDataLabelColor = "#000000";
const chartTitleColor = "#000000";