├── .github ├── FUNDING.yml └── ISSUE_TEMPLATE │ ├── bug-report.yml │ ├── config.yml │ ├── documentation-request.yml │ └── feature-request.yml ├── Images ├── Fantasy_body.webp ├── Screwed-Purple_html.png ├── Shadow-Red_html.jpg └── SouthernBlue_body.png ├── LICENSE ├── README.md ├── Themes ├── Coffee.css ├── Coffee.less ├── Deimos.css ├── Deimos.less ├── Fantasy.css ├── Fantasy.less ├── Github.css ├── Sandy.css ├── Sandy.less ├── Screwed-Purple.css ├── Shadow-Red.css ├── SouthernBlue.css ├── SouthernBlue.less ├── SpiderByte_Blue.css ├── SteamClassic.css ├── SteamClassic.less ├── default.css ├── dracula.css ├── geckogreen.css ├── gruvbox.css ├── purplehaze.css └── vibrantred.css ├── WikiContent ├── AMP Screenshots │ ├── 01-ADS-Thumb.png │ ├── 01-ADS.png │ ├── 02-Schedule-Thumb.png │ ├── 02-Schedule.png │ ├── 03-Settings-Thumb.png │ ├── 03-Settings.png │ ├── 04-DocsAndStatus-Thumb.png │ ├── 04-DocsAndStatus.png │ ├── 05-FileBrowser-Thumb.png │ ├── 05-FileBrowser.png │ ├── 06-FileEditor-Thumb.png │ ├── 06-FileEditor.png │ ├── 07-SysInfo-Thumb.png │ ├── 07-SysInfo.png │ ├── 09-ScheduleInGame-Thumb.png │ ├── 09-ScheduleInGame.jpg │ ├── 09-ScheduleInGame.png │ ├── 10-Console-Thumb.png │ ├── 10-Console.png │ ├── 11-ConsoleMore-Thumb.png │ ├── 11-ConsoleMore.png │ ├── 12-Backups-Thumb.png │ ├── 12-Backups.png │ ├── 13-SpigotCompile-Thumb.png │ ├── 13-SpigotCompile.png │ ├── 14-Roles-Thumb.png │ └── 14-Roles.png ├── DevLic.png ├── Empty ├── LinodeTutorial │ ├── Configure.png │ ├── FindStackscript.png │ ├── Login.png │ ├── NetworkTab.png │ ├── NotYetRunning.png │ ├── RightClickToGoTo.png │ ├── SelectPlan.png │ └── SetupPassword.png ├── NewProject.png ├── SDK.png ├── Templates.png └── git.png └── systemd ├── ampfirewall.service ├── ampfirewall.timer └── ampinstmgr.service /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: cubecoders 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | custom: ['https://cubecoders.com/AMP', 'https://cubecoders.com/AMPNetworkEdition'] 9 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug-report.yml: -------------------------------------------------------------------------------- 1 | name: Bug Report 2 | description: Bugs in AMP, the instance manager, or official AMP modules. 3 | labels: [bug] 4 | body: 5 | - type: markdown 6 | attributes: 7 | value: | 8 | Please only include one issue per post! Do not try and bring up multiple requests in a single post. 9 | - type: input 10 | attributes: 11 | label: Operating System 12 | description: Include distribution name and version number. 13 | placeholder: Debian 12.6.0 14 | validations: 15 | required: true 16 | - type: input 17 | attributes: 18 | label: AMP Version and Build Date 19 | description: | 20 | Always use the version number, 'latest' is not valid! 21 | placeholder: 2.5.1.6 - 20240816.1 22 | validations: 23 | required: true 24 | - type: dropdown 25 | attributes: 26 | label: AMP Release Stream 27 | options: 28 | - Mainline 29 | - Preview 30 | - Development 31 | - LTS 32 | validations: 33 | required: true 34 | - type: checkboxes 35 | attributes: 36 | label: I confirm that 37 | options: 38 | - label: I have searched for an existing bug report for this issue. 39 | required: true 40 | - label: I am using the latest available version of AMP. 41 | required: true 42 | - label: my operating system is up-to-date. 43 | required: true 44 | - type: textarea 45 | attributes: 46 | label: Intended Action 47 | description: What are you trying to do? 48 | validations: 49 | required: true 50 | - type: textarea 51 | attributes: 52 | label: Expected Behaviour 53 | description: What are you expecting to happen? 54 | validations: 55 | required: true 56 | - type: textarea 57 | attributes: 58 | label: Actual Behaviour 59 | description: | 60 | What is actually happening? 'Nothing' is not an acceptable answer! 61 | validations: 62 | required: true 63 | - type: textarea 64 | attributes: 65 | label: Reproduction 66 | description: | 67 | Starting from a clean install, how do you reproduce the issue that causes the symptoms described above? Imagine you're describing the problem to someone who has no idea what AMP is and needs to recreate the issue themselves. 68 | validations: 69 | required: true 70 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/documentation-request.yml: -------------------------------------------------------------------------------- 1 | name: Documentation Request 2 | description: To request documentation on a given aspect of AMP. 3 | labels: [documentation] 4 | body: 5 | - type: markdown 6 | attributes: 7 | value: | 8 | Please include the following: 9 | * Links to any existing documentation if it exists but is unclear. 10 | * Information on what feature/aspect of AMP needs documenting. 11 | * What you're currently trying to do with AMP that has led you to require the given feature. 12 | * Some background on what information you might like to see in the documentation. 13 | - type: textarea 14 | attributes: 15 | label: Documentation Description 16 | description: Describe your request. 17 | validations: 18 | required: true 19 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature-request.yml: -------------------------------------------------------------------------------- 1 | name: Feature Request 2 | description: To request new features for either AMP or one of its application modules. 3 | labels: [enhancement] 4 | body: 5 | - type: markdown 6 | attributes: 7 | value: | 8 | Note that this is not for requesting support for new games/applications. To do this you should go to https://github.com/CubeCoders/AMPTemplates and first attempt to build a configuration yourself - otherwise you can request a template from that repo. 9 | - type: checkboxes 10 | attributes: 11 | label: I confirm that 12 | options: 13 | - label: I have searched for an existing feature request matching the description. 14 | required: true 15 | - type: textarea 16 | attributes: 17 | label: Feature Description 18 | description: Describe your request. 19 | validations: 20 | required: true 21 | -------------------------------------------------------------------------------- /Images/Fantasy_body.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/Images/Fantasy_body.webp -------------------------------------------------------------------------------- /Images/Screwed-Purple_html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/Images/Screwed-Purple_html.png -------------------------------------------------------------------------------- /Images/Shadow-Red_html.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/Images/Shadow-Red_html.jpg -------------------------------------------------------------------------------- /Images/SouthernBlue_body.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/Images/SouthernBlue_body.png -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 CubeCoders Limited 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # AMP 2 | This repository is to track any issues and bugs within CubeCoders AMP platform. This can include the ADS instance and the modules made by CubeCoders. 3 | 4 | Please make sure that any issues follow the template fully. Any issues that fail to will be closed. 5 | 6 | See the Wiki for all of the available documentation relating to AMP. 7 | -------------------------------------------------------------------------------- /Themes/Coffee.css: -------------------------------------------------------------------------------- 1 | .bodyTab,.tabHeaderContainer,body{background-color:#222}.bodyTab .tabHeader.active,.bodyTab .tabHeader:active,.tabHeaderContainer .tabHeader.active,.tabHeaderContainer .tabHeader:active,body .tabHeader.active,body .tabHeader:active{background-color:#b47834}.bodyTab .tabHeader.active:hover,.bodyTab .tabHeader:active:hover,.tabHeaderContainer .tabHeader.active:hover,.tabHeaderContainer .tabHeader:active:hover,body .tabHeader.active:hover,body .tabHeader:active:hover{background-color:#dea25e;color:#333}#loginContainer,#sideMenuContainer,.sideItemList,.subMenuWell{background-color:#333}.ServerGroupContainer .ServerGroup.Online{background-color:#888;border-color:#888;padding:2px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader{background-color:#695033;border-radius:8px 8px 5px 5px;margin-bottom:4px}.ServerGroupContainer .ServerGroup.Online .InstanceList{border-radius:5px 5px 16px 16px}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Offline{-webkit-filter:sepia(1) saturate(2) hue-rotate(0deg) brightness(0.2);filter:sepia(1) saturate(2) hue-rotate(0deg) brightness(0.2)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry{background-color:#b47834}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo{background-color:#b47834;border-color:#b47834}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo:hover{background-color:#5a3d1c;border-color:#5a3d1c}.button,button{border:1px solid #b47834;background-color:#b47834}.button:hover,button:hover{background-color:#764f23}a{color:#dea25e}a:hover{color:#b47834}.iconButton.toggled{background-color:#3b3b3b}.iconButton:hover{background-color:#5a3d1c;border-color:#5a3d1c}.bgInfo,.bgPink,.bgPurple{background-color:#444;border:1px solid #444}.bgInfo:hover,.bgPink:hover,.bgPurple:hover{background-color:#b47834}#mainBody{background:#222}#sideMenu a{font-size:100%}#sideMenu a:active{background-color:#111}#sideMenu a.selected{color:#dea25e}#sideMenu a.hasNotice{background-color:#ff88001a}#sideMenu a.info .subtitle,#sideMenu a.info .warn{color:#dea25e}.popupTrigger,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{background-color:#474747}input.searchBox{background-color:transparent}.settingsGroup .groupBody .settingContainer{background-color:#333;border-color:#444}.settingsGroup .groupBody .settingInfo{color:#ebbc87}.wizardTab .wizardContents{background-color:#222;border-bottom:8px solid #444}.wizardTab .wizardContents h2{background-color:#444}.wizardTab .wizardContents .containerWarning button.bgInfo{background-color:#5a3d1c;border-color:#5a3d1c}.wizardTab .wizardContents .containerWarning button.bgInfo:hover{background-color:#b47834;border-color:#b47834}#tabInfo h2{margin:6px 0 0 0;font-size:1.7em;font-weight:bold}.scheduleTriggerInfo{border:1px solid #444;background-color:#333}.splitViewInfo.splitViewInfo{background-color:#222}.itemList .item.selected{border-right:4px solid #dea25e}.itemList .item:hover{background-color:#695033}#fileManagerHeader .fmPathSegment{background-color:#764f23}#fileManagerHeader .fmPathSegment:after{border-left:10px solid #764f23}#fileManagerHeader .fmPathSegment:nth-child(2n){background-color:#865f32}#fileManagerHeader .fmPathSegment:nth-child(2n):after{border-left:10px solid #865f32}#fileManagerHeader .fmPathSegment:after,#fileManagerHeader .fmPathSegment:nth-child(2n):after{left:9px}#fileManagerHeader .fmPathSegment:hover,#fileManagerHeader .fmPathSegment:nth-child(2n):hover{background-color:#dea25e;color:#333}#fileManagerHeader .fmPathSegment:hover:after,#fileManagerHeader .fmPathSegment:nth-child(2n):hover:after{border-left:10px solid #dea25e}.consoleTimestamp{color:#dea25e}.datastoreContainer .datastoreItem{background-color:#3b3b3b}.datastoreContainer .newDatastoreItem{background-color:#b47834}.bodyTab .analyticsSection .sectionHeader .headerControls div.active{color:#b47834} -------------------------------------------------------------------------------- /Themes/Coffee.less: -------------------------------------------------------------------------------- 1 | /** 2 | * "Would you like the cream, the off-white, the white, the ivory, the bone, or the beige?" 3 | * -- "Yes, and I'll take it with my coffee." 4 | * 5 | * Coffee theme isn't loud, but it's proud. Subdued pastel colours based on the Black theme, whilst stripping out most of the blue. 6 | * _cough_ no !important _cough_ 7 | * 8 | * Created by KDallas | V1.0 | 23/08/2024 9 | * https://wlab.au/ 10 | * 11 | */ 12 | 13 | @colorPrimary : #111; 14 | @colorBgMain: #222; 15 | @colorSecondary: #333; 16 | @colorDarkGrey: #3b3b3b; 17 | @colorAccent: #444; 18 | @colorBgSecond: #888; 19 | 20 | @colorDarkest: #5a3d1c; // hsl(32deg 53% 23%) 21 | @colorHighlite: #764f23; // hsl(32deg 54.55% 30%) 22 | @colorBgDarker: #865f32; // hsl(32deg 45.65% 36%) 23 | @colorBgDark: #695033; // hsl(32deg 34.62% 30.5%) 24 | @colorActive: #b47834; // hsl(32deg 54.98% 45.5%) 25 | @colorSelect: #dea25e; // hsl(32deg 65.98% 62%) 26 | @linkTrans: #ebbc87; // hsl(32deg 71.43% 72.5%) 27 | @noticeTrans: #ff88001a; // hsl(32deg 100% 50% / 10%) 28 | 29 | 30 | body, .bodyTab, .tabHeaderContainer { 31 | background-color: @colorBgMain; 32 | 33 | .tabHeader.active, .tabHeader:active { 34 | background-color: @colorActive; 35 | &:hover { 36 | background-color: @colorSelect; 37 | color: @colorSecondary; 38 | } 39 | } 40 | } 41 | 42 | #loginContainer, .sideItemList, #sideMenuContainer, .subMenuWell { 43 | background-color: @colorSecondary; 44 | } 45 | 46 | .ServerGroupContainer { 47 | .ServerGroup.Online { 48 | background-color: @colorBgSecond; 49 | border-color: @colorBgSecond; 50 | padding: 2px; 51 | .ServerGroupHeader { 52 | background-color: @colorBgDark; 53 | border-radius: 8px 8px 5px 5px; 54 | margin-bottom: 4px; 55 | } 56 | .InstanceList { 57 | border-radius: 5px 5px 16px 16px; 58 | .ServerEntry { 59 | .ServerEntryImage.Offline { 60 | filter: sepia(1) saturate(2) hue-rotate(0deg) brightness(0.2); 61 | } 62 | &.NewServerEntry { 63 | background-color: @colorActive; 64 | } 65 | .ServerEntryInfo { 66 | .bgInfo { 67 | background-color: @colorActive; 68 | border-color: @colorActive; 69 | &:hover { 70 | background-color: @colorDarkest; 71 | border-color: @colorDarkest; 72 | } 73 | } 74 | } 75 | } 76 | } 77 | } 78 | } 79 | 80 | button, .button { 81 | border: 1px solid @colorActive; 82 | background-color: @colorActive; 83 | &:hover { 84 | background-color: @colorHighlite; 85 | } 86 | } 87 | 88 | a { 89 | color: @colorSelect; 90 | &:hover { 91 | color: @colorActive; 92 | } 93 | } 94 | 95 | .iconButton { 96 | &.toggled { 97 | background-color: @colorDarkGrey; 98 | } 99 | &:hover { 100 | background-color: @colorDarkest; 101 | border-color: @colorDarkest; 102 | } 103 | } 104 | 105 | .bgPurple, .bgPink, .bgInfo { 106 | background-color: @colorAccent; 107 | border: 1px solid @colorAccent; 108 | &:hover { 109 | background-color: @colorActive; 110 | } 111 | } 112 | 113 | #mainBody { 114 | background: @colorBgMain; 115 | } 116 | 117 | #sideMenu a { 118 | font-size: 100%; 119 | 120 | &:active { 121 | background-color: @colorPrimary; 122 | } 123 | &.selected { 124 | color: @colorSelect; 125 | } 126 | &.hasNotice { 127 | background-color: @noticeTrans; 128 | } 129 | &.info { 130 | .warn, .subtitle { 131 | color: @colorSelect; 132 | } 133 | } 134 | } 135 | 136 | input[type=text], input[type=password], input[type=url], input[type=number], input[type=email], input[type=search], select, textarea, .popupTrigger { 137 | background-color: #474747; 138 | } 139 | 140 | input.searchBox { 141 | background-color:transparent; 142 | } 143 | 144 | .settingsGroup .groupBody { 145 | .settingContainer { 146 | background-color: @colorSecondary; 147 | border-color: @colorAccent; 148 | } 149 | .settingInfo { 150 | color: @linkTrans; 151 | } 152 | } 153 | 154 | .wizardTab .wizardContents { 155 | background-color: @colorBgMain; 156 | border-bottom: 8px solid @colorAccent; 157 | 158 | h2 { 159 | background-color: @colorAccent; 160 | } 161 | 162 | .containerWarning { 163 | button { 164 | &.bgInfo { 165 | background-color: @colorDarkest; 166 | border-color: @colorDarkest; 167 | &:hover { 168 | background-color: @colorActive; 169 | border-color: @colorActive; 170 | } 171 | } 172 | } 173 | } 174 | } 175 | 176 | #tabInfo { 177 | h2 { 178 | margin: 6px 0 0 0; 179 | font-size: 1.7em; 180 | font-weight: bold; 181 | } 182 | } 183 | 184 | .scheduleTriggerInfo { 185 | border: 1px solid @colorAccent; 186 | background-color: @colorSecondary; 187 | } 188 | 189 | .splitViewInfo.splitViewInfo { 190 | background-color: @colorBgMain; 191 | } 192 | 193 | .itemList .item { 194 | &.selected { 195 | border-right: 4px solid @colorSelect; 196 | } 197 | &:hover { 198 | background-color: @colorBgDark; 199 | } 200 | } 201 | 202 | #fileManagerHeader .fmPathSegment { 203 | background-color: @colorHighlite; 204 | &::after { 205 | border-left: 10px solid @colorHighlite; 206 | } 207 | } 208 | 209 | #fileManagerHeader .fmPathSegment:nth-child(even) { 210 | background-color: @colorBgDarker; 211 | &::after { 212 | border-left: 10px solid @colorBgDarker; 213 | } 214 | } 215 | 216 | #fileManagerHeader .fmPathSegment, 217 | #fileManagerHeader .fmPathSegment:nth-child(even) { 218 | &::after { 219 | left: 9px; 220 | } 221 | &:hover { 222 | background-color: @colorSelect; 223 | color: @colorSecondary; 224 | &::after { 225 | border-left: 10px solid @colorSelect; 226 | } 227 | } 228 | } 229 | 230 | .consoleTimestamp { 231 | color: @colorSelect; 232 | } 233 | 234 | .datastoreContainer { 235 | .datastoreItem { 236 | background-color: @colorDarkGrey; 237 | } 238 | .newDatastoreItem { 239 | background-color: @colorActive; 240 | } 241 | } 242 | 243 | .bodyTab .analyticsSection .sectionHeader .headerControls div.active { 244 | color: @colorActive; 245 | } 246 | -------------------------------------------------------------------------------- /Themes/Deimos.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @title: Deimos 3 | * "Fear" followed "Dread", although the latter is quite pathetic by comparison! 4 | * 5 | * Created by KDallas | V1.0 | 14/11/2024 | AMP 2.6.0.x 6 | * 7 | * https://wlab.au/ 8 | * 9 | */ 10 | .bodyTab,.tabHeaderContainer,body{color:rgba(255, 255, 255, 0.7)}.bodyTab .AppStatus,.tabHeaderContainer .AppStatus,body .AppStatus{color:rgba(255, 255, 255, 0.7);text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5)}.bodyTab .tabHeader:hover,.tabHeaderContainer .tabHeader:hover,body .tabHeader:hover{background-color:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.bodyTab .tabHeader.active,.bodyTab .tabHeader:active,.tabHeaderContainer .tabHeader.active,.tabHeaderContainer .tabHeader:active,body .tabHeader.active,body .tabHeader:active{background-color:#736659;border-bottom:2px solid #736659!important}.bodyTab .tabHeader.active:hover,.bodyTab .tabHeader:active:hover,.tabHeaderContainer .tabHeader.active:hover,.tabHeaderContainer .tabHeader:active:hover,body .tabHeader.active:hover,body .tabHeader:active:hover{background-color:rgba(0, 0, 0, 0.5);border-bottom:2px solid transparent!important;color:rgba(255, 255, 255, 0.5)}.bodyTab #tab_currentuser span.bgRed,.tabHeaderContainer #tab_currentuser span.bgRed,body #tab_currentuser span.bgRed{background-color:rgba(185, 0, 0, 0.8);border:1px solid rgba(185, 0, 0, 0.8);padding:1px 5px;border-radius:4px;color:rgba(255, 255, 255, 0.7)}.bodyTab #tab_activesessions,.bodyTab #tab_AnalyticsPlugin_Analytics,.bodyTab #tab_auditlog,.bodyTab #tab_rolemanagement,.bodyTab #tab_usermanagement,.tabHeaderContainer #tab_activesessions,.tabHeaderContainer #tab_AnalyticsPlugin_Analytics,.tabHeaderContainer #tab_auditlog,.tabHeaderContainer #tab_rolemanagement,.tabHeaderContainer #tab_usermanagement,body #tab_activesessions,body #tab_AnalyticsPlugin_Analytics,body #tab_auditlog,body #tab_rolemanagement,body #tab_usermanagement{background-color:#584f44cc}body{background-image:url(/Images/Phobos.webp);background-position:center;background-attachment:fixed;background-size:cover}.tabHeaderContainer{background-color:#584f44}#barTop{background-color:rgba(0, 0, 0, 0.3)}.tabHeaderContainer{border-bottom:4px solid #736659;padding-top:5px;background-color:rgba(0, 0, 0, 0.3)}.tabHeaderContainer .tabHeader.active{-webkit-box-shadow:0 22px 32px rgba(0, 0, 0, 0.8);box-shadow:0 22px 32px rgba(0, 0, 0, 0.8)}#loginContainer,#sideMenuContainer,.sideItemList{background:none;background-color:#464037}#loginContainer>#userInfo,#sideMenuContainer>#userInfo,.sideItemList>#userInfo{background-color:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.6);border-radius:23px 0 0 23px}#loginContainer>#loginLogo img,#sideMenuContainer>#loginLogo img,.sideItemList>#loginLogo img{background-color:rgba(0, 0, 0, 0.2);padding:20px;margin:-15px 0 0 -20px;border-radius:16px}#loginContainer .menuTitle,#sideMenuContainer .menuTitle,.sideItemList .menuTitle{color:#c48c50}#loginContainer #loginForm input{background-color:#736659}.sideItemList{height:calc(100% - 48px)}.subMenuWell{background:none;background-color:#464037}.subMenuWell .menuTitle{color:#c48c50}.ServerGroupContainer .ServerGroup.Online{background-color:#584f44cc;border-color:#584f44cc;border-radius:8px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader{background-color:#312d26;margin:8px;border-radius:8px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader .ServerGroupName{padding-top:10px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader .SystemInfo{right:8px}.ServerGroupContainer .ServerGroup.Online .InstanceList{margin:12px}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Blur.Offline{-webkit-filter:sepia(1) saturate(2) hue-rotate(-15deg) brightness(0.2) blur(16px);filter:sepia(1) saturate(2) hue-rotate(-15deg) brightness(0.2) blur(16px)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Offline{-webkit-filter:sepia(1) saturate(2) hue-rotate(-15deg) brightness(0.2);filter:sepia(1) saturate(2) hue-rotate(-15deg) brightness(0.2)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry{background-color:#464037;border-left:1px solid rgba(0, 0, 0, 0.3)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry span{color:#c48c50}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusOffline{border-left-color:rgba(0, 0, 0, 0.7)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusBusy{border-left-color:#795f49}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusNotice{border-left-color:#654522}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusRunning{border-left-color:#c48c50}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusFail{border-left-color:rgba(185, 0, 0, 0.8)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgInfo{background-color:#795f49;border-color:#795f49}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGreen{background-color:#c48c50;border-color:#c48c50;color:rgba(0, 0, 0, 0.5);font-weight:bold;text-shadow:2px 2px 2px rgba(255, 255, 255, 0.3)}.ServerGroupContainer .ServerGroup .ServerGroupHeader{text-shadow:2px 2px 6px rgba(0, 0, 0, 0.3)}.button,button{border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.3)}.button:hover,button:hover{background-color:rgba(0, 0, 0, 0.5)}.button#loginButton,button#loginButton{background-color:#654522;border:1px solid #654522}.button#loginButton:hover,button#loginButton:hover{background-color:#312d26;border-color:#312d26}.button.disabled,button.disabled{border:1px solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.15)}.button.disabled:hover,button.disabled:hover{background-color:rgba(0, 0, 0, 0.4);border:1px solid rgba(0, 0, 0, 0.4)}.contextMenu .flexButtonGroup .buttonListSeparator{border-bottom:1px solid #c48c50cc}.well.info{border:1px solid #c48c50cc}.well.info .mat-icon{color:#c48c50cc}a{color:rgba(0, 0, 0, 0.9)}a:hover{color:rgba(0, 0, 0, 0.8)}a:visited{color:rgba(0, 0, 0, 0.5)}.iconButton,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo{background-color:#312d26;border-color:#312d26}.iconButton.toggled,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray.toggled,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo.toggled{background-color:#795f49;border-color:#795f49}.iconButton:hover,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray:hover,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo:hover{background-color:#464037;border-color:#464037}.ServerEntryActions .iconButton{border:1px solid rgba(0, 0, 0, 0.3)}.ServerEntryActions .iconButton:nth-of-type(5){border-left:none;border-right:none}.ServerEntryActions .iconButton.bgRed{background-color:rgba(185, 0, 0, 0.8);border:1px solid rgba(185, 0, 0, 0.8)}.ServerEntryActions .iconButton.bgRed:hover{background-color:rgba(135, 0, 0, 0.7);border:1px solid rgba(135, 0, 0, 0.7)}.ServerEntryActions .iconButton.bgGreen{background-color:rgba(0, 185, 0, 0.8);border:1px solid rgba(0, 185, 0, 0.8)}.ServerEntryActions .iconButton.bgGreen:hover{background-color:rgba(0, 135, 0, 0.7);border:1px solid rgba(0, 135, 0, 0.7)}#currentSessionsTable .icon{background-color:rgba(0, 0, 0, 0.5);border-radius:24px}.bgBlue,.bgInfo,.bgPink,.bgPurple{background-color:#795f49;border:1px solid #795f49}.bgBlue:hover,.bgInfo:hover,.bgPink:hover,.bgPurple:hover{background-color:#464037;border:1px solid #464037}.bgAmber{background-color:#c48c50;border:1px solid #c48c50;color:rgba(0, 0, 0, 0.8)}.bgAmber:hover{background-color:#736659;border:1px solid #736659}.itemTag{background-color:#c48e5099;color:rgba(0, 0, 0, 0.8)}#mainBody{background:none}#sideMenu a{font-size:100%;color:rgba(255, 255, 255, 0.5)}#sideMenu a:active,#sideMenu a:hover{color:rgba(255, 255, 255, 0.8);background-color:rgba(0, 0, 0, 0.5)}#sideMenu a.selected{color:#c48c50;background-color:#584f44}#sideMenu a.hasNotice{background-color:#ff88001a}#sideMenu a.hasNotice:hover{color:rgba(255, 255, 255, 0.5)}#sideMenu a.info .subtitle,#sideMenu a.info .warn{color:#c48c50}.popupTrigger,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background-color:#736659;color:rgba(0, 0, 0, 0.8);border-bottom:1px solid rgba(0, 0, 0, 0.8)}.popupTrigger::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:focus-visible,input[type=email]:focus-visible,input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=text]:focus-visible,input[type=url]:focus-visible,select:focus-visible,textarea:focus-visible{outline:rgba(0, 0, 0, 0.5) solid 1px}input.searchBox{background-color:transparent}input.searchBox ::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox :-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::placeholder{color:rgba(255, 255, 255, 0.4)}input[type=checkbox]+span,input[type=checkbox][indeterminate]+span{background-color:#795f49}input[type=checkbox]+span:after,input[type=checkbox][indeterminate]+span:after{background-color:#a78e6d}input[type=checkbox]:checked+span,input[type=checkbox][indeterminate]:checked+span{background-color:#654522}input[type=checkbox]:checked+span:after,input[type=checkbox][indeterminate]:checked+span:after{background-color:#c48c50}#searchResults{color:rgba(255, 255, 255, 0.6);background-color:rgba(0, 0, 0, 0.8)}#searchResults .searchResultCategory .searchResultCategoryInfo{background-color:rgba(0, 0, 0, 0.5)}#searchResults .searchResult{border-bottom:1px solid gray;padding:8px;font-size:smaller}.settingsGroup .groupBody .settingContainer{background-color:#464037;border-color:#464037}.settingsGroup .groupBody .settingContainer .settingWarning{color:#c48c50;margin-top:-32px}.settingsGroup .groupBody .settingInfo{color:rgba(196, 140, 80, 0.8)}.settingsGroup .groupBody .settingLabel .settingDescription{color:rgba(255, 255, 255, 0.5)}.settingsGroup .groupBody .settingLabel .settingDescription a{color:#c48c50}.settingsGroup .groupBody .settingLabel .settingDescription a:hover{color:rgba(255, 255, 255, 0.8)}.settingsGroup .groupBody .settingLabel span.inputFieldSuffix{color:rgba(0, 0, 0, 0.5)}.settingsGroup .groupBody .settingLabel textarea{max-width:100%}.provisionSettingContainer .provisionSetting .permNodeDescription,.provisionSettingContainer .provisionSetting .settingDescription,.sideItemData .provisionSetting .permNodeDescription,.sideItemData .provisionSetting .settingDescription{color:rgba(0, 0, 0, 0.8)}.provisionSettingContainer .treeContainer,.sideItemData .treeContainer{margin-bottom:5px}.provisionSettingContainer hr,.sideItemData hr{color:rgba(0, 0, 0, 0.3)}thead{border-bottom:1px solid rgba(0, 0, 0, 0.3)}#statusActions button.bgGreen,#tab_ADSModule_Datastores button.bgGreen,#tab_auditlog button.bgGreen,#tab_LocalFileBackupPlugin_Backups button.bgGreen,#tab_schedule button.bgGreen,.modalbuttons button.bgGreen,.modalpanel button.bgGreen,.wizardTab .wizardContents button.bgGreen{padding:0 10px;background-color:#795f49;border:1px solid #795f49;color:rgba(255, 255, 255, 0.7)}#statusActions button.bgGreen:hover,#tab_ADSModule_Datastores button.bgGreen:hover,#tab_auditlog button.bgGreen:hover,#tab_LocalFileBackupPlugin_Backups button.bgGreen:hover,#tab_schedule button.bgGreen:hover,.modalbuttons button.bgGreen:hover,.modalpanel button.bgGreen:hover,.wizardTab .wizardContents button.bgGreen:hover{background-color:#464037;border:1px solid #464037;color:rgba(255, 255, 255, 0.5)}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:nth-child(odd){background-color:rgba(0, 0, 0, 0.3)}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:hover{background-color:#795f49}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing.selected,#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:active{background-color:#654522}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing td:first-child{padding-left:8px}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing td:last-child{padding-right:8px}.wizardTab .wizardContents{background-color:#584f44;border-bottom:8px solid #736659}.wizardTab .wizardContents h2{background-color:#736659}.wizardTab .wizardContents .containerWarning button.bgInfo{background-color:#888;border-color:#888}.wizardTab .wizardContents .containerWarning button.bgInfo:hover{background-color:#222;border-color:#222}.wizardTab .wizardContents .containerWarning.required{background-color:#464037}.wizardTab .wizardContents.wizardPopup>.iconButton{border:1px solid rgba(255, 255, 255, 0.5)!important}#tabInfo h2{margin:6px 0 0 0;font-size:1.7em;font-weight:bold;color:rgba(255, 255, 255, 0.6)}#tabInfo h4{color:rgba(255, 255, 255, 0.5)}.scheduleTriggerInfo{border:1px solid #736659;background-color:#464037}.scheduleTriggerInfo .scheduleTriggerDescription{background-color:#736659}.scheduleTriggerInfo .scheduleTriggerDescription .scheduleTriggerHeaderItem .scheduleHeader{color:rgba(0, 0, 0, 0.5)}.scheduleTriggerInfo .scheduleTriggerTask{border-color:#736659}.scheduleTriggerInfo .scheduleTriggerTask .iconButton:hover{background-color:#736659}.splitViewInfo.splitViewInfo{background-color:#584f44}.itemList .item.selected{border-right:4px solid #c48c50;background-color:#584f44;color:#c48c50}.itemList .item:hover{background-color:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}#fileManagerHeader .fmPathSegment{background-color:#464037}#fileManagerHeader .fmPathSegment:after{border-left:10px solid #464037}#fileManagerHeader .fmPathSegment:nth-child(2n){background-color:#312d26}#fileManagerHeader .fmPathSegment:nth-child(2n):after{border-left:10px solid #312d26}#fileManagerHeader .fmPathSegment:after,#fileManagerHeader .fmPathSegment:nth-child(2n):after{left:9px}#fileManagerHeader .fmPathSegment:hover,#fileManagerHeader .fmPathSegment:nth-child(2n):hover{background-color:#654522;color:rgba(255, 255, 255, 0.4)}#fileManagerHeader .fmPathSegment:hover:after,#fileManagerHeader .fmPathSegment:nth-child(2n):hover:after{border-left:10px solid #654522}#fileManagerList{background-color:rgba(0, 0, 0, 0.3)}#fileManagerList .fileManagerEntry .fileEntrySubtitle{color:rgba(255, 255, 255, 0.3)}#fileManagerList .fileManagerEntry.selected{background-color:#654522}#fileManagerList .fileManagerEntry:hover{background:none;background-color:#795f49}.consoleEntry .consoleName{color:#c48c50cc}.consoleEntry .consoleName:hover{color:#c48c50}.consoleEntry .consoleTimestamp{color:rgba(255, 255, 255, 0.4)}.datastoreContainer .datastoreItem{background-color:#464037;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3)}.datastoreContainer .newDatastoreItem{background-color:rgba(0, 0, 0, 0.4)}.datastoreContainer .newDatastoreItem .plusIcon{color:#c48c50cc}.bodyTab .analyticsSection .sectionHeader .headerControls div.active{color:#222}.permissionDescriptions div .description,.permNodeDescription{color:rgba(255, 255, 255, 0.6)}.modalpanel{background-color:#584f44;border-bottom:8px solid #736659}.modalpanel #modaltitle{background-color:#464037}.modalpanel .modalcontents #modalsubtitle{color:rgba(255, 255, 255, 0.8);font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)}#notificationContainer{background-color:#464037}#notificationContainer .notificationBanner{background-color:#736659}#notificationContainer .notification:hover{background-color:rgba(0, 0, 0, 0.15)}#notificationContainer .notification .notificationProgessContainer{-webkit-box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5);box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5)}#notificationContainer .notification .notificationProgessContainer .notificationProgressBar{background-color:rgba(0, 0, 0, 0.5);background-image:-webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:-o-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%)}@media screen and (max-width:660px){#loginContainer>#loginLogo img{margin:0;max-width:88%}}@media screen and (min-width:661px) and (max-width:1000px){#loginContainer>#userInfo,#sideMenuContainer>#userInfo,.sideItemList>#userInfo{border-radius:0}} -------------------------------------------------------------------------------- /Themes/Deimos.less: -------------------------------------------------------------------------------- 1 | /** 2 | * @title: Deimos 3 | * "Fear" followed "Dread", although the latter is quite pathetic by comparison! 4 | * 5 | * Created by KDallas | V1.0 | 14/11/2024 | AMP 2.6.0.x 6 | * 7 | * https://wlab.au/ 8 | * 9 | */ 10 | 11 | @thHilite: #736659; 12 | @thBgMain: #584f44; 13 | @thBgMain80: #584f44cc; 14 | @thBg2nd: #464037; 15 | @thBg3rd: #312d26; 16 | 17 | @thLite: #c48c50; 18 | @thLite80: #c48c50cc; 19 | @thLite60: #c48e5099; 20 | @noticeTrans: #ff88001a; 21 | 22 | @actionDark: #654522; 23 | @actionMed: #795f49; 24 | @actionLite: #a78e6d; 25 | 26 | @greyLight: #888; 27 | @colorActive: #222; 28 | 29 | @black90pct: rgba(0, 0, 0, 0.9); 30 | @black80pct: rgba(0, 0, 0, 0.8); 31 | @black70pct: rgba(0, 0, 0, 0.7); 32 | @black50pct: rgba(0, 0, 0, 0.5); 33 | @black40pct: rgba(0, 0, 0, 0.4); 34 | @black30pct: rgba(0, 0, 0, 0.3); 35 | @black20pct: rgba(0, 0, 0, 0.2); 36 | @black15pct: rgba(0, 0, 0, 0.15); 37 | 38 | @white30pct: rgba(255, 255, 255, 0.3); 39 | @white40pct: rgba(255, 255, 255, 0.4); 40 | @white50pct: rgba(255, 255, 255, 0.5); 41 | @white60pct: rgba(255, 255, 255, 0.6); 42 | @white70pct: rgba(255, 255, 255, 0.7); 43 | @white80pct: rgba(255, 255, 255, 0.8); 44 | 45 | @infoStandard: rgba(196, 140, 80, 0.8); 46 | @bgRedV2: rgba(185, 0, 0, 0.8); 47 | @bgRedV2Hov: rgba(135, 0, 0, 0.7); 48 | @bgGreenV2: rgba(0, 185, 0, 0.8); 49 | @bgGreenV2Hov: rgba(0, 135, 0, 0.7); 50 | 51 | 52 | body, .bodyTab, .tabHeaderContainer { 53 | color: @white70pct; 54 | 55 | .AppStatus { 56 | color: @white70pct; 57 | text-shadow: 1px 1px 3px @black50pct; 58 | } 59 | 60 | .tabHeader { 61 | &:hover { 62 | background-color: @black50pct; 63 | color: @white50pct 64 | } 65 | &.active, &:active { 66 | background-color: @thHilite; 67 | border-bottom: 2px solid @thHilite !important; // yeah I know... base template does this :( 68 | 69 | &:hover { 70 | background-color: @black50pct; 71 | border-bottom: 2px solid transparent !important; // yeah I know... base template does this :( 72 | color: @white50pct; 73 | } 74 | } 75 | } 76 | 77 | #tab_currentuser { 78 | span.bgRed { 79 | background-color: @bgRedV2; 80 | border: 1px solid @bgRedV2; 81 | padding: 1px 5px; 82 | border-radius: 4px; 83 | color: @white70pct; 84 | } 85 | } 86 | 87 | #tab_usermanagement, #tab_rolemanagement, #tab_activesessions, #tab_auditlog, #tab_AnalyticsPlugin_Analytics { 88 | background-color: @thBgMain80; 89 | } 90 | } 91 | 92 | body { 93 | background-image: url(/Images/Phobos.webp); 94 | background-position: center; 95 | background-attachment: fixed; 96 | background-size: cover; 97 | } 98 | 99 | .tabHeaderContainer { 100 | background-color: @thBgMain; 101 | } 102 | 103 | #barTop { 104 | background-color: @black30pct; 105 | } 106 | 107 | .tabHeaderContainer { 108 | border-bottom: 4px solid @thHilite; 109 | padding-top: 5px; 110 | background-color: @black30pct; 111 | 112 | .tabHeader { 113 | &.active { 114 | box-shadow: 0 22px 32px @black80pct; 115 | } 116 | } 117 | } 118 | 119 | #loginContainer, .sideItemList, #sideMenuContainer { 120 | background: none; 121 | background-color: @thBg2nd; 122 | > #userInfo { 123 | background-color: @black30pct; 124 | color: @white60pct; 125 | border-radius: 23px 0 0 23px; 126 | } 127 | > #loginLogo img { 128 | background-color: @black20pct; 129 | padding: 20px; 130 | margin: -15px 0 0 -20px; 131 | border-radius: 16px; 132 | } 133 | .menuTitle { 134 | color: @thLite; 135 | } 136 | } 137 | 138 | #loginContainer { 139 | #loginForm { 140 | input { 141 | background-color: @thHilite; 142 | } 143 | } 144 | } 145 | 146 | .sideItemList { 147 | height: calc(100% - 48px); 148 | } 149 | 150 | .subMenuWell { 151 | background: none; 152 | background-color: @thBg2nd; 153 | .menuTitle { 154 | color: @thLite; 155 | } 156 | } 157 | 158 | .ServerGroupContainer { 159 | .ServerGroup { 160 | &.Online { 161 | background-color: @thBgMain80; 162 | border-color: @thBgMain80; 163 | border-radius: 8px; 164 | 165 | .ServerGroupHeader { 166 | background-color: @thBg3rd; 167 | margin: 8px; 168 | border-radius: 8px; 169 | 170 | .ServerGroupName { 171 | padding-top: 10px; 172 | } 173 | .SystemInfo { 174 | right: 8px; 175 | } 176 | } 177 | 178 | .InstanceList { 179 | margin: 12px; 180 | 181 | .ServerEntry { 182 | .ServerEntryImage { 183 | &.Blur { 184 | &.Offline { 185 | filter: sepia(1) saturate(2) hue-rotate(-15deg) brightness(0.2) blur(16px); 186 | } 187 | } 188 | &.Offline { 189 | filter: sepia(1) saturate(2) hue-rotate(-15deg) brightness(0.2); 190 | } 191 | } 192 | 193 | &.NewServerEntry { 194 | background-color: @thBg2nd; 195 | border-left: 1px solid @black30pct; 196 | span { 197 | color: @thLite; 198 | } 199 | } 200 | 201 | &.statusOffline { 202 | border-left-color: @black70pct; 203 | } 204 | &.statusBusy { 205 | border-left-color: @actionMed; 206 | } 207 | &.statusNotice { 208 | border-left-color: @actionDark; 209 | } 210 | &.statusRunning { 211 | border-left-color: @thLite; 212 | } 213 | &.statusFail { 214 | border-left-color: @bgRedV2; 215 | } 216 | 217 | .ServerEntryTop { 218 | .ServerEntryStatus { 219 | &.bgInfo { 220 | background-color: @actionMed; 221 | border-color: @actionMed; 222 | } 223 | &.bgGreen { 224 | background-color: @thLite; 225 | border-color: @thLite; 226 | color: @black50pct; 227 | font-weight: bold; 228 | text-shadow: 2px 2px 2px @white30pct; 229 | } 230 | } 231 | } 232 | } 233 | } 234 | } 235 | .ServerGroupHeader { 236 | text-shadow: 2px 2px 6px @black30pct; 237 | } 238 | } 239 | } 240 | 241 | button, .button { 242 | border: 1px solid @black30pct; 243 | background-color: @black30pct; 244 | &:hover { 245 | background-color: @black50pct; 246 | } 247 | &#loginButton { 248 | background-color: @actionDark; 249 | border: 1px solid @actionDark; 250 | &:hover { 251 | background-color: @thBg3rd; 252 | border-color: @thBg3rd; 253 | } 254 | } 255 | &.disabled { 256 | border: 1px solid @black15pct; 257 | background-color: @black15pct; 258 | &:hover { 259 | background-color: @black40pct; 260 | border: 1px solid @black40pct; 261 | } 262 | } 263 | } 264 | 265 | .contextMenu { 266 | .flexButtonGroup { 267 | .buttonListSeparator { 268 | border-bottom: 1px solid @thLite80; 269 | } 270 | } 271 | } 272 | 273 | .well.info { 274 | border: 1px solid @thLite80; 275 | .mat-icon { 276 | color: @thLite80; 277 | } 278 | } 279 | 280 | a { 281 | color: @black90pct; 282 | &:hover { 283 | color: @black80pct; 284 | } 285 | &:visited { 286 | color: @black50pct; 287 | } 288 | } 289 | 290 | .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray, 291 | .ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo, 292 | .iconButton { 293 | background-color: @thBg3rd; 294 | border-color: @thBg3rd; 295 | &.toggled { 296 | background-color: @actionMed; 297 | border-color: @actionMed; 298 | } 299 | &:hover { 300 | background-color: @thBg2nd; 301 | border-color: @thBg2nd; 302 | } 303 | } 304 | 305 | .ServerEntryActions { 306 | .iconButton { 307 | border: 1px solid @black30pct; 308 | 309 | &:nth-of-type(5) { 310 | // this is the middle button (they are floating right to left, and one has display:none) 311 | border-left: none; 312 | border-right: none; 313 | } 314 | 315 | &.bgRed { 316 | background-color: @bgRedV2; 317 | border: 1px solid @bgRedV2; 318 | &:hover { 319 | background-color: @bgRedV2Hov; 320 | border: 1px solid @bgRedV2Hov; 321 | } 322 | } 323 | 324 | &.bgGreen { 325 | background-color: @bgGreenV2; 326 | border: 1px solid @bgGreenV2; 327 | &:hover { 328 | background-color: @bgGreenV2Hov; 329 | border: 1px solid @bgGreenV2Hov; 330 | } 331 | } 332 | } 333 | } 334 | 335 | #currentSessionsTable { 336 | .icon { 337 | background-color: @black50pct; 338 | border-radius: 24px; 339 | } 340 | } 341 | 342 | .bgPurple, .bgPink, .bgInfo, .bgBlue { 343 | background-color: @actionMed; 344 | border: 1px solid @actionMed; 345 | &:hover { 346 | background-color: @thBg2nd; 347 | border: 1px solid @thBg2nd; 348 | } 349 | } 350 | 351 | .bgAmber { 352 | background-color: @thLite; 353 | border: 1px solid @thLite; 354 | color: @black80pct; 355 | &:hover { 356 | background-color: @thHilite; 357 | border: 1px solid @thHilite; 358 | } 359 | } 360 | 361 | .itemTag { 362 | background-color: @thLite60; 363 | color: @black80pct; 364 | } 365 | 366 | #mainBody { 367 | background: none; 368 | } 369 | 370 | #sideMenu a { 371 | font-size: 100%; 372 | color: @white50pct; 373 | &:hover, &:active { 374 | color: @white80pct; 375 | background-color: @black50pct; 376 | } 377 | &.selected { 378 | color: @thLite; 379 | background-color: @thBgMain; 380 | } 381 | &.hasNotice { 382 | background-color: @noticeTrans; 383 | &:hover { 384 | color: @white50pct; 385 | } 386 | } 387 | &.info { 388 | .warn, .subtitle { 389 | color: @thLite; 390 | } 391 | } 392 | } 393 | 394 | input[type=text], input[type=password], input[type=url], input[type=number], input[type=email], select, textarea, .popupTrigger { 395 | background-color: @thHilite; 396 | color: @black80pct; 397 | border-bottom: 1px solid @black80pct; 398 | &::placeholder { 399 | color: @black40pct; 400 | } 401 | &:focus-visible { 402 | outline: @black50pct solid 1px; 403 | } 404 | } 405 | 406 | input.searchBox { 407 | background-color:transparent; 408 | ::placeholder { 409 | color: @white40pct; 410 | } 411 | } 412 | 413 | input[type=checkbox] + span, 414 | input[type=checkbox][indeterminate] + span { 415 | background-color: @actionMed; 416 | &::after { 417 | background-color: @actionLite; 418 | } 419 | } 420 | 421 | input[type=checkbox]:checked + span, 422 | input[type=checkbox][indeterminate]:checked + span { 423 | background-color: @actionDark; 424 | &::after { 425 | background-color: @thLite; 426 | } 427 | } 428 | 429 | #searchResults { 430 | color: @white60pct; 431 | background-color: @black80pct; 432 | 433 | .searchResultCategory { 434 | .searchResultCategoryInfo { 435 | background-color: @black50pct; 436 | } 437 | } 438 | } 439 | 440 | #searchResults .searchResult { 441 | border-bottom: 1px solid gray; 442 | padding: 8px; 443 | font-size: smaller; 444 | } 445 | 446 | .settingsGroup .groupBody { 447 | .settingContainer { 448 | background-color: @thBg2nd; 449 | border-color: @thBg2nd; 450 | .settingWarning { 451 | color: @thLite; 452 | margin-top: -32px; 453 | } 454 | } 455 | .settingInfo { 456 | color: @infoStandard; 457 | } 458 | .settingLabel { 459 | .settingDescription { 460 | color: @white50pct; 461 | a { 462 | color: @thLite; 463 | &:hover { 464 | color: @white80pct; 465 | } 466 | } 467 | } 468 | span.inputFieldSuffix { 469 | color: @black50pct 470 | } 471 | textarea { 472 | max-width: 100%; 473 | } 474 | } 475 | } 476 | 477 | .provisionSettingContainer, .sideItemData { 478 | .provisionSetting { 479 | .settingDescription, .permNodeDescription { 480 | color: @black80pct; 481 | } 482 | } 483 | .treeContainer { 484 | margin-bottom: 5px; 485 | } 486 | hr { 487 | color: @black30pct; 488 | } 489 | } 490 | 491 | thead { 492 | border-bottom: 1px solid @black30pct; 493 | } 494 | 495 | .wizardTab .wizardContents, .modalpanel, .modalbuttons, 496 | #tab_auditlog, #tab_schedule, #tab_ADSModule_Datastores, #tab_LocalFileBackupPlugin_Backups, #statusActions { 497 | button.bgGreen { 498 | padding: 0 10px; 499 | background-color: @actionMed; 500 | border: 1px solid @actionMed; 501 | color: @white70pct; 502 | &:hover { 503 | background-color: @thBg2nd; 504 | border: 1px solid @thBg2nd; 505 | color: @white50pct; 506 | } 507 | } 508 | } 509 | 510 | #tab_LocalFileBackupPlugin_Backups { 511 | #backupsList { 512 | .backupListing { 513 | &:nth-child(odd) { 514 | background-color: @black30pct; 515 | } 516 | &:hover { 517 | background-color: @actionMed; 518 | } 519 | &:active, &.selected { 520 | background-color: @actionDark; 521 | } 522 | td:first-child { 523 | padding-left: 8px; 524 | } 525 | td:last-child { 526 | padding-right: 8px; 527 | } 528 | } 529 | } 530 | } 531 | 532 | .wizardTab .wizardContents { 533 | background-color: @thBgMain; 534 | border-bottom: 8px solid @thHilite; 535 | 536 | h2 { 537 | background-color: @thHilite; 538 | } 539 | 540 | .containerWarning { 541 | button { 542 | &.bgInfo { 543 | background-color: @greyLight; 544 | border-color: @greyLight; 545 | &:hover { 546 | background-color: @colorActive; 547 | border-color: @colorActive; 548 | } 549 | } 550 | } 551 | &.required { 552 | background-color: @thBg2nd; 553 | } 554 | } 555 | 556 | &.wizardPopup { 557 | > .iconButton { 558 | border: 1px solid @white50pct !important; 559 | } 560 | } 561 | } 562 | 563 | #tabInfo { 564 | h2 { 565 | margin: 6px 0 0 0; 566 | font-size: 1.7em; 567 | font-weight: bold; 568 | color: @white60pct; 569 | } 570 | h4 { 571 | color: @white50pct 572 | } 573 | } 574 | 575 | .scheduleTriggerInfo { 576 | border: 1px solid @thHilite; 577 | background-color: @thBg2nd; 578 | 579 | .scheduleTriggerDescription { 580 | background-color: @thHilite; 581 | 582 | .scheduleTriggerHeaderItem { 583 | .scheduleHeader { 584 | color: @black50pct; 585 | } 586 | } 587 | } 588 | 589 | .scheduleTriggerTask { 590 | border-color: @thHilite; 591 | 592 | .iconButton { 593 | &:hover { 594 | background-color: @thHilite; 595 | } 596 | } 597 | } 598 | } 599 | 600 | .splitViewInfo.splitViewInfo { 601 | background-color: @thBgMain; 602 | } 603 | 604 | .itemList .item { 605 | &.selected { 606 | border-right: 4px solid @thLite; 607 | background-color: @thBgMain; 608 | color: @thLite; 609 | } 610 | &:hover { 611 | background-color: @black50pct; 612 | color: @white50pct; 613 | } 614 | } 615 | 616 | #fileManagerHeader .fmPathSegment { 617 | background-color: @thBg2nd; 618 | 619 | &::after { 620 | border-left: 10px solid @thBg2nd; 621 | } 622 | } 623 | 624 | #fileManagerHeader .fmPathSegment:nth-child(even) { 625 | background-color: @thBg3rd; 626 | &::after { 627 | border-left: 10px solid @thBg3rd; 628 | } 629 | } 630 | 631 | #fileManagerHeader .fmPathSegment, 632 | #fileManagerHeader .fmPathSegment:nth-child(even) { 633 | &::after { 634 | left: 9px; 635 | } 636 | &:hover { 637 | background-color: @actionDark; 638 | color: @white40pct; 639 | &::after { 640 | border-left: 10px solid @actionDark; 641 | } 642 | } 643 | } 644 | 645 | #fileManagerList { 646 | background-color: @black30pct; 647 | .fileManagerEntry { 648 | .fileEntrySubtitle { 649 | color: @white30pct; 650 | } 651 | &.selected { 652 | background-color: @actionDark; 653 | } 654 | &:hover { 655 | background: none; 656 | background-color: @actionMed; 657 | } 658 | } 659 | } 660 | 661 | .consoleEntry { 662 | .consoleName { 663 | color: @thLite80; 664 | &:hover { 665 | color: @thLite; 666 | } 667 | } 668 | .consoleTimestamp { 669 | color: @white40pct; 670 | } 671 | } 672 | 673 | .datastoreContainer { 674 | .datastoreItem { 675 | background-color: @thBg2nd; 676 | text-shadow: 2px 2px 2px @black30pct; 677 | } 678 | .newDatastoreItem { 679 | background-color: @black40pct; 680 | .plusIcon { 681 | color: @thLite80; 682 | } 683 | } 684 | } 685 | 686 | .bodyTab .analyticsSection .sectionHeader .headerControls div.active { 687 | color: @colorActive; 688 | } 689 | 690 | .permissionDescriptions div .description, 691 | .permNodeDescription { 692 | color: @white60pct; 693 | } 694 | 695 | .modalpanel { 696 | background-color: @thBgMain; 697 | border-bottom: 8px solid @thHilite; 698 | 699 | #modaltitle { 700 | background-color: @thBg2nd; 701 | } 702 | 703 | .modalcontents { 704 | #modalsubtitle { 705 | color: @white80pct; 706 | font-weight: bold; 707 | text-shadow: 1px 1px 2px @black50pct; 708 | } 709 | } 710 | } 711 | 712 | #notificationContainer { 713 | background-color: @thBg2nd; 714 | 715 | .notificationBanner { 716 | background-color: @thHilite; 717 | } 718 | 719 | .notification { 720 | &:hover { 721 | background-color: @black15pct; 722 | } 723 | 724 | .notificationProgessContainer { 725 | box-shadow: inset 0px 1px 0px @black50pct, inset 0px -1px 0px @black50pct, inset 1px 0px 0px @black50pct, inset -1px 0 0px @black50pct; 726 | 727 | .notificationProgressBar { 728 | background-color: @black50pct; 729 | background-image: linear-gradient(45deg, @black15pct 14%, @black50pct 14%, @black50pct 40%, @black15pct 40%, @black15pct 60%, @black50pct 60%, @black50pct 85%, @black15pct 85%, @black15pct 100%); 730 | } 731 | } 732 | } 733 | } 734 | 735 | 736 | @media screen and (max-width: 660px) { 737 | #loginContainer { 738 | > #loginLogo img { 739 | margin: 0; 740 | max-width: 88%; 741 | } 742 | } 743 | } 744 | 745 | @media screen and (min-width: 661px) and (max-width: 1000px) { 746 | #loginContainer, .sideItemList, #sideMenuContainer { 747 | > #userInfo { 748 | border-radius: 0; 749 | } 750 | } 751 | } 752 | -------------------------------------------------------------------------------- /Themes/Fantasy.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @title: Fantasy 3 | * Because every legend should start with a pink moonlit forrest (in accordance with tradition). 4 | * 5 | * Created by IceOfWraith | V1.4 | 02/02/2024 | AMP 2.5.x.x 6 | * KDallas | V2.0 | 16/11/2024 | AMP 2.6.0.x 7 | * 8 | * https://wlab.au/ 9 | * 10 | */ 11 | .bodyTab,.tabHeaderContainer,body{color:rgba(255, 255, 255, 0.7)}.bodyTab .AppStatus,.tabHeaderContainer .AppStatus,body .AppStatus{color:rgba(255, 255, 255, 0.7);text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5)}.bodyTab .tabHeader:hover,.tabHeaderContainer .tabHeader:hover,body .tabHeader:hover{color:rgba(255, 255, 255, 0.5);background-color:transparent;background:-webkit-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:-o-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:linear-gradient(165deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%)}.bodyTab .tabHeader.active,.bodyTab .tabHeader:active,.tabHeaderContainer .tabHeader.active,.tabHeaderContainer .tabHeader:active,body .tabHeader.active,body .tabHeader:active{background-color:#735969;border-bottom:2px solid #735969!important}.bodyTab .tabHeader.active:hover,.bodyTab .tabHeader:active:hover,.tabHeaderContainer .tabHeader.active:hover,.tabHeaderContainer .tabHeader:active:hover,body .tabHeader.active:hover,body .tabHeader:active:hover{background-color:rgba(0, 0, 0, 0.5);border-bottom:2px solid transparent!important;color:rgba(255, 255, 255, 0.5)}.bodyTab #tab_currentuser span.bgRed,.tabHeaderContainer #tab_currentuser span.bgRed,body #tab_currentuser span.bgRed{background-color:rgba(144, 36, 144, 0.95);border:1px solid rgba(144, 36, 144, 0.95);padding:1px 5px;border-radius:4px;color:rgba(255, 255, 255, 0.7)}.bodyTab #tab_activesessions,.bodyTab #tab_AnalyticsPlugin_Analytics,.bodyTab #tab_auditlog,.bodyTab #tab_rolemanagement,.bodyTab #tab_usermanagement,.tabHeaderContainer #tab_activesessions,.tabHeaderContainer #tab_AnalyticsPlugin_Analytics,.tabHeaderContainer #tab_auditlog,.tabHeaderContainer #tab_rolemanagement,.tabHeaderContainer #tab_usermanagement,body #tab_activesessions,body #tab_AnalyticsPlugin_Analytics,body #tab_auditlog,body #tab_rolemanagement,body #tab_usermanagement{background-color:#58444ecc}.bodyTab #tab_FileManagerPlugin_FileManager,.tabHeaderContainer #tab_FileManagerPlugin_FileManager,body #tab_FileManagerPlugin_FileManager{background-color:#58444e40}body{background-color:black;background-image:url(../Images/Fantasy_body.webp);-webkit-backdrop-filter:saturate(1.2) brightness(0.7);backdrop-filter:saturate(1.2) brightness(0.7)}.tabHeaderContainer{background-color:#584452}#barTop{background-color:rgba(0, 0, 0, 0.3)}.tabHeaderContainer{border-bottom:4px solid #735969;padding-top:5px;background-color:rgba(0, 0, 0, 0.3)}.tabHeaderContainer .tabHeader.active{-webkit-box-shadow:0 22px 32px rgba(0, 0, 0, 0.8);box-shadow:0 22px 32px rgba(0, 0, 0, 0.8)}#loginContainer,#sideMenuContainer,.sideItemList{background:none;background-color:rgba(0, 0, 0, 0.3)}#loginContainer>#userInfo,#sideMenuContainer>#userInfo,.sideItemList>#userInfo{background-color:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.6);border-radius:23px 0 0 23px}#loginContainer>#loginLogo img,#sideMenuContainer>#loginLogo img,.sideItemList>#loginLogo img{background-color:rgba(0, 0, 0, 0.2);padding:20px;margin:-15px 0 0 -20px;border-radius:16px}#sideMenuContainer{background-color:#0c090be6}#loginContainer #loginForm input{background-color:#735969}.sideItemList{height:calc(100% - 48px)}.subMenuWell{background:none;background-color:rgba(0, 0, 0, 0.2)}.subMenuWell .menuTitle{color:#c45094}.ServerGroupContainer .ServerGroup.Online{background-color:#110d10cc;border-color:#110d10cc;border-radius:8px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader{background-color:transparent;background:-webkit-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:-o-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:linear-gradient(165deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);margin:8px;border-radius:8px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader .ServerGroupName{padding-top:10px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader .SystemInfo{right:8px;color:rgba(255, 255, 255, 0.7)}.ServerGroupContainer .ServerGroup.Online .InstanceList{margin:12px}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Blur.Offline{-webkit-filter:sepia(1) saturate(1.5) hue-rotate(215deg) brightness(0.2) blur(16px);filter:sepia(1) saturate(1.5) hue-rotate(215deg) brightness(0.2) blur(16px)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Offline{-webkit-filter:sepia(1) saturate(1.5) hue-rotate(215deg) brightness(0.2);filter:sepia(1) saturate(1.5) hue-rotate(215deg) brightness(0.2)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry{background-color:#463741;border-left:1px solid rgba(0, 0, 0, 0.3)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry span{color:#c45094}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusOffline{border-left-color:rgba(0, 0, 0, 0.7)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusBusy{border-left-color:#794961}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusNotice{border-left-color:#652241}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusRunning{border-left-color:rgba(201, 0, 118, 0.95)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusFail{border-left-color:rgba(144, 36, 144, 0.95)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgInfo{background-color:#794961;border-color:#794961}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGreen{background-color:rgba(201, 0, 118, 0.95);border-color:rgba(201, 0, 118, 0.95);font-weight:bold}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgRed{background-color:rgba(144, 36, 144, 0.95);border-color:rgba(144, 36, 144, 0.95)}.ServerGroupContainer .ServerGroup .ServerGroupHeader{text-shadow:2px 2px 6px rgba(0, 0, 0, 0.3)}.button,button{border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.3)}.button:hover,button:hover{background-color:rgba(0, 0, 0, 0.5)}.button#loginButton,button#loginButton{background-color:#652241;border:1px solid #652241}.button#loginButton:hover,button#loginButton:hover{background-color:#31262c;border-color:#31262c}.button.disabled,button.disabled{border:1px solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.15)}.button.disabled:hover,button.disabled:hover{background-color:rgba(0, 0, 0, 0.4);border:1px solid rgba(0, 0, 0, 0.4)}.button.bgRed,button.bgRed{background-color:rgba(144, 36, 144, 0.95);border:1px solid rgba(144, 36, 144, 0.95)}.button.bgGreen,button.bgGreen{background-color:rgba(201, 0, 118, 0.95);border:1px solid rgba(201, 0, 118, 0.95)}.button.bgGreen:hover:not(.slideIcon),.button.bgRed:hover:not(.slideIcon),button.bgGreen:hover:not(.slideIcon),button.bgRed:hover:not(.slideIcon){background-color:transparent;background:-webkit-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:-o-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:linear-gradient(165deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);border:1px solid rgba(0, 0, 0, 0.5)}.button.slideIcon,button.slideIcon{color:rgba(255, 255, 255, 0.8);font-size:1.1em;-webkit-padding-end:10px;padding-inline-end:10px;-webkit-padding-start:10px;padding-inline-start:10px}.button.slideIcon:hover,button.slideIcon:hover{background-color:rgba(255, 255, 255, 0.3);border-color:rgba(255, 255, 255, 0.3)}.contextMenu .flexButtonGroup .buttonListSeparator{border-bottom:1px solid #c4508ecc}.well.info{border:1px solid #c4508ecc}.well.info .mat-icon{color:#c4508ecc}a{color:rgba(255, 255, 255, 0.8)}a:hover{color:rgba(201, 0, 118, 0.95)}a:visited{color:#c45094}.iconButton,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo{background-color:#31262c;border-color:#31262c}.iconButton.toggled,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray.toggled,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo.toggled{background-color:#794961;border-color:#794961}.iconButton:hover,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray:hover,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo:hover{background-color:#463741;border-color:#463741}.ServerEntryActions .iconButton{border:1px solid rgba(0, 0, 0, 0.3)}.ServerEntryActions .iconButton:nth-of-type(5){border-left:none;border-right:none}.ServerEntryActions .iconButton.bgRed{background-color:rgba(144, 36, 144, 0.95);border:1px solid rgba(144, 36, 144, 0.95)}.ServerEntryActions .iconButton.bgGreen{background-color:rgba(201, 0, 118, 0.95);border:1px solid rgba(201, 0, 118, 0.95)}.ServerEntryActions .iconButton.bgGreen:hover,.ServerEntryActions .iconButton.bgRed:hover{background-color:transparent;background:-webkit-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:-o-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:linear-gradient(165deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);border:1px solid rgba(0, 0, 0, 0.5)}.AppStatus.bgRed{background-color:rgba(144, 36, 144, 0.95);border:1px solid rgba(144, 36, 144, 0.95)}.AppStatus.bgGreen{background-color:rgba(201, 0, 118, 0.95);border:1px solid rgba(201, 0, 118, 0.95)}.AppStatus.bgGreen:hover,.AppStatus.bgRed:hover{background-color:transparent;background:-webkit-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:-o-linear-gradient(285deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);background:linear-gradient(165deg, #652241 0%, rgba(144, 36, 144, 0.95) 45%, #c4508ecc 100%);border:1px solid rgba(0, 0, 0, 0.5)}#currentSessionsTable .icon{background-color:rgba(0, 0, 0, 0.5);border-radius:24px}.bgBlue,.bgInfo,.bgPink,.bgPurple,.sideItemList button{background-color:#794961;border:1px solid #794961}.bgBlue:hover,.bgInfo:hover,.bgPink:hover,.bgPurple:hover,.sideItemList button:hover{background-color:#463741;border:1px solid #463741}.bgAmber{background-color:#c45094;border:1px solid #c45094;color:rgba(0, 0, 0, 0.8)}.bgAmber:hover{background-color:#735969;border:1px solid #735969}.itemTag{background-color:#c4509699!important;color:rgba(0, 0, 0, 0.8)}#mainBody{background:none}#sideMenu a{font-size:100%;color:rgba(255, 255, 255, 0.5)}#sideMenu a:active,#sideMenu a:hover{color:rgba(255, 255, 255, 0.8);background-color:rgba(0, 0, 0, 0.7)}#sideMenu a.selected{color:rgba(201, 0, 118, 0.95);background-color:rgba(0, 0, 0, 0.5)}#sideMenu a.hasNotice{background-color:#ff00621a}#sideMenu a.hasNotice:hover{color:rgba(255, 255, 255, 0.5)}#sideMenu a.info .subtitle,#sideMenu a.info .warn{color:#c45094}.popupTrigger,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background-color:#735969;color:rgba(0, 0, 0, 0.8);border-bottom:1px solid rgba(0, 0, 0, 0.8)}.popupTrigger::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:focus-visible,input[type=email]:focus-visible,input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=text]:focus-visible,input[type=url]:focus-visible,select:focus-visible,textarea:focus-visible{outline:rgba(0, 0, 0, 0.5) solid 1px}input.searchBox{background-color:transparent}input.searchBox ::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox :-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::placeholder{color:rgba(255, 255, 255, 0.4)}input[type=checkbox]+span,input[type=checkbox][indeterminate]+span{background-color:#794961}input[type=checkbox]+span:after,input[type=checkbox][indeterminate]+span:after{background-color:#a76d8b}input[type=checkbox]:checked+span,input[type=checkbox][indeterminate]:checked+span{background-color:#652241}input[type=checkbox]:checked+span:after,input[type=checkbox][indeterminate]:checked+span:after{background-color:#c45094}#searchResults{color:rgba(255, 255, 255, 0.6);background-color:rgba(0, 0, 0, 0.8)}#searchResults .searchResultCategory .searchResultCategoryInfo{background-color:rgba(0, 0, 0, 0.5)}#searchResults .searchResult{border-bottom:1px solid gray;padding:8px;font-size:smaller}.settingsGroup .groupBody .settingContainer{background-color:#463741;border-color:#463741}.settingsGroup .groupBody .settingContainer .settingWarning{color:#c45094;margin-top:-32px}.settingsGroup .groupBody .settingInfo{color:#a76d8b;background-color:rgba(0, 0, 0, 0.8);padding:2px 4px 3px 7px;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;float:right}.settingsGroup .groupBody .settingLabel .settingDescription{color:rgba(255, 255, 255, 0.5)}.settingsGroup .groupBody .settingLabel .settingDescription a{color:#c45094}.settingsGroup .groupBody .settingLabel .settingDescription a:hover{color:rgba(255, 255, 255, 0.8)}.settingsGroup .groupBody .settingLabel span.inputFieldSuffix{color:rgba(0, 0, 0, 0.5)}.settingsGroup .groupBody .settingLabel textarea{max-width:100%}.provisionSettingContainer .treeContainer,.sideItemData .treeContainer{margin-bottom:5px}.provisionSettingContainer hr,.sideItemData hr{color:rgba(0, 0, 0, 0.3)}thead{border-bottom:1px solid rgba(0, 0, 0, 0.3)}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:nth-child(odd){background-color:rgba(0, 0, 0, 0.3)}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:hover{background-color:#794961}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing.selected,#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:active{background-color:#652241}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing td:first-child{padding-left:8px}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing td:last-child{padding-right:8px}.wizardTab .wizardContents{background-color:#584452;border-bottom:8px solid #735969}.wizardTab .wizardContents h2{background-color:#735969}.wizardTab .wizardContents .containerWarning button.bgInfo{background-color:#888;border-color:#888}.wizardTab .wizardContents .containerWarning button.bgInfo:hover{background-color:#222;border-color:#222}.wizardTab .wizardContents .containerWarning.required{background-color:#463741}.wizardTab .wizardContents.wizardPopup>.iconButton{border:1px solid rgba(255, 255, 255, 0.5)!important}#tabInfo h2{margin:6px 0 0 0;font-size:1.7em;font-weight:bold;color:rgba(255, 255, 255, 0.6)}#tabInfo h4{color:rgba(255, 255, 255, 0.5)}.scheduleTriggerInfo{border:1px solid #735969;background-color:#463741}.scheduleTriggerInfo .scheduleTriggerDescription{background-color:#735969}.scheduleTriggerInfo .scheduleTriggerDescription .scheduleTriggerHeaderItem .scheduleHeader{color:rgba(0, 0, 0, 0.5)}.scheduleTriggerInfo .scheduleTriggerTask{border-color:#735969}.scheduleTriggerInfo .scheduleTriggerTask .iconButton:hover{background-color:#735969}.splitViewInfo.splitViewInfo{background-color:#584452}.itemList .item.selected{background-color:rgba(0, 0, 0, 0.4);border-right:4px solid rgba(201, 0, 118, 0.95);color:rgba(201, 0, 118, 0.95)}.itemList .item:hover{background-color:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}#fileManagerHeader .fmPathSegment{background-color:#463741}#fileManagerHeader .fmPathSegment:after{border-left:10px solid #463741}#fileManagerHeader .fmPathSegment:nth-child(2n){background-color:#31262c}#fileManagerHeader .fmPathSegment:nth-child(2n):after{border-left:10px solid #31262c}#fileManagerHeader .fmPathSegment:after,#fileManagerHeader .fmPathSegment:nth-child(2n):after{left:9px}#fileManagerHeader .fmPathSegment:hover,#fileManagerHeader .fmPathSegment:nth-child(2n):hover{background-color:#652241;color:rgba(255, 255, 255, 0.4)}#fileManagerHeader .fmPathSegment:hover:after,#fileManagerHeader .fmPathSegment:nth-child(2n):hover:after{border-left:10px solid #652241}#fileManagerList{background-color:rgba(0, 0, 0, 0.3)}#fileManagerList .fileManagerEntry .fileEntrySubtitle{color:rgba(255, 255, 255, 0.3)}#fileManagerList .fileManagerEntry.selected{background-color:#652241}#fileManagerList .fileManagerEntry:hover{background:none;background-color:#794961}.consoleEntry .consoleName{color:#c4508ecc}.consoleEntry .consoleName:hover{color:#c45094}.consoleEntry .consoleTimestamp{color:rgba(255, 255, 255, 0.4)}.datastoreContainer .datastoreItem{background-color:#463741;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3)}.datastoreContainer .newDatastoreItem{background-color:rgba(0, 0, 0, 0.4)}.datastoreContainer .newDatastoreItem .plusIcon{color:#c4508ecc}.bodyTab .analyticsSection .sectionHeader .headerControls div.active{color:#222}.permissionDescriptions div .description,.permNodeDescription{color:rgba(255, 255, 255, 0.6)}.modalpanel{background-color:#584452;border-bottom:8px solid #735969}.modalpanel #modaltitle{background-color:#463741}.modalpanel .modalcontents #modalsubtitle{color:rgba(255, 255, 255, 0.8);font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)}#notificationContainer{background-color:#463741}#notificationContainer .notificationBanner{background-color:#735969}#notificationContainer .notification:hover{background-color:rgba(0, 0, 0, 0.15)}#notificationContainer .notification .notificationProgessContainer{-webkit-box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5);box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5)}#notificationContainer .notification .notificationProgessContainer .notificationProgressBar{background-color:rgba(0, 0, 0, 0.5);background-image:-webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:-o-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%)}@media screen and (max-width:660px){#loginContainer>#loginLogo img{margin:0;max-width:88%}}@media screen and (min-width:661px) and (max-width:1000px){#loginContainer>#userInfo,#sideMenuContainer>#userInfo,.sideItemList>#userInfo{border-radius:0}} 12 | -------------------------------------------------------------------------------- /Themes/Github.css: -------------------------------------------------------------------------------- 1 | body, 2 | .bodyTab { 3 | color-scheme: dark; 4 | -ms-text-size-adjust: 100%; 5 | -webkit-text-size-adjust: 100%; 6 | margin: 0; 7 | color: #c9d1d9; 8 | background-color: #0d1117; 9 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 10 | font-size: 16px; 11 | 12 | word-wrap: break-word; 13 | } 14 | #loginContainer, 15 | .sideItemList { 16 | color-scheme: dark; 17 | -ms-text-size-adjust: 100%; 18 | -webkit-text-size-adjust: 100%; 19 | margin: 0; 20 | color: #c9d1d9; 21 | background-color: #0d1117; 22 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 23 | font-size: 16px; 24 | 25 | word-wrap: break-word; 26 | } 27 | #barTop, 28 | #userInfo { 29 | color-scheme: dark; 30 | -ms-text-size-adjust: 100%; 31 | -webkit-text-size-adjust: 100%; 32 | margin: 0; 33 | color: #c9d1d9; 34 | background-color: #0d1117; 35 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 36 | font-size: 16px; 37 | 38 | word-wrap: break-word; 39 | } 40 | #sideMenuContainer, 41 | .subMenuWell, 42 | #mainBody { 43 | color-scheme: dark; 44 | -ms-text-size-adjust: 100%; 45 | -webkit-text-size-adjust: 100%; 46 | margin: 0; 47 | color: #c9d1d9; 48 | background-color: #0d1117; 49 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 50 | font-size: 16px; 51 | 52 | word-wrap: break-word; 53 | } 54 | #sideMenu a { 55 | font-size: 100%; 56 | } 57 | #sideMenu a:active { 58 | color-scheme: dark; 59 | -ms-text-size-adjust: 100%; 60 | -webkit-text-size-adjust: 100%; 61 | margin: 0; 62 | color: #c9d1d9; 63 | background-color: #0d1117; 64 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 65 | font-size: 16px; 66 | border-width:0px; 67 | border-bottom-width:1px; 68 | border-bottom-color: #ff967d; 69 | word-wrap: break-word; 70 | } 71 | #sideMenu a.selected { 72 | color-scheme: dark; 73 | -ms-text-size-adjust: 100%; 74 | -webkit-text-size-adjust: 100%; 75 | margin: 0; 76 | color: #c9d1d9; 77 | background-color: #0d1117; 78 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 79 | font-size: 16px; 80 | border-width:0px; 81 | border-bottom-width:1px; 82 | border-bottom-color: #ff967d; 83 | 84 | word-wrap: break-word; 85 | } 86 | input.searchBox { 87 | background-color: transparent; 88 | } 89 | .wizardTab .wizardContents { 90 | color-scheme: dark; 91 | -ms-text-size-adjust: 100%; 92 | -webkit-text-size-adjust: 100%; 93 | margin: 0; 94 | color: #c9d1d9; 95 | background-color: #0d1117; 96 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 97 | font-size: 16px; 98 | 99 | word-wrap: break-word; 100 | border-bottom: 8px solid #444; 101 | } 102 | .wizardTab .wizardContents h2 { 103 | color-scheme: dark; 104 | -ms-text-size-adjust: 100%; 105 | -webkit-text-size-adjust: 100%; 106 | margin: 0; 107 | color: #c9d1d9; 108 | background-color: #0d1117; 109 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 110 | font-size: 16px; 111 | 112 | word-wrap: break-word; 113 | } 114 | .scheduleTriggerInfo { 115 | border: 1px solid #444; 116 | color-scheme: dark; 117 | -ms-text-size-adjust: 100%; 118 | -webkit-text-size-adjust: 100%; 119 | margin: 0; 120 | color: #c9d1d9; 121 | background-color: #0d1117; 122 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 123 | font-size: 16px; 124 | 125 | word-wrap: break-word; 126 | } 127 | .settingsGroup .groupBody .settingContainer { 128 | color-scheme: dark; 129 | -ms-text-size-adjust: 100%; 130 | -webkit-text-size-adjust: 100%; 131 | margin: 0; 132 | color: #c9d1d9; 133 | background-color: #0d1117; 134 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; 135 | font-size: 16px; 136 | 137 | word-wrap: break-word; 138 | } -------------------------------------------------------------------------------- /Themes/Sandy.css: -------------------------------------------------------------------------------- 1 | .bodyTab,.tabHeaderContainer,body{background-color:#f2dba6;color:rgba(0, 0, 0, 0.8)}.bodyTab .AppStatus,.tabHeaderContainer .AppStatus,body .AppStatus{color:rgba(255, 255, 255, 0.7);text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5)}.bodyTab .tabHeader:hover,.tabHeaderContainer .tabHeader:hover,body .tabHeader:hover{background-color:rgba(0, 0, 0, 0.5);color:#ffefcb}.bodyTab .tabHeader.active,.bodyTab .tabHeader:active,.tabHeaderContainer .tabHeader.active,.tabHeaderContainer .tabHeader:active,body .tabHeader.active,body .tabHeader:active{background-color:#775710;border-bottom:2px solid #775710!important}.bodyTab .tabHeader.active:hover,.bodyTab .tabHeader:active:hover,.tabHeaderContainer .tabHeader.active:hover,.tabHeaderContainer .tabHeader:active:hover,body .tabHeader.active:hover,body .tabHeader:active:hover{background-color:rgba(0, 0, 0, 0.5);border-bottom:2px solid transparent!important;color:#ffefcb}.bodyTab #tab_currentuser span.bgRed,.tabHeaderContainer #tab_currentuser span.bgRed,body #tab_currentuser span.bgRed{background-color:rgba(185, 0, 0, 0.8);border:1px solid rgba(185, 0, 0, 0.8);padding:1px 5px;border-radius:4px;color:rgba(255, 255, 255, 0.7)}.tabHeaderContainer{border-bottom:4px solid #775710}#loginContainer,#sideMenuContainer,.sideItemList{background-color:#ffefcb}#loginContainer>#userInfo,#sideMenuContainer>#userInfo,.sideItemList>#userInfo{background-color:#ff88001a;color:#826c4a;border-radius:23px 0 0 23px}#loginContainer>#loginLogo img,#sideMenuContainer>#loginLogo img,.sideItemList>#loginLogo img{background-color:rgba(0, 0, 0, 0.2);padding:20px;margin:-15px 0 0 -20px;border-radius:16px}#loginContainer .menuTitle,#sideMenuContainer .menuTitle,.sideItemList .menuTitle{color:#826c4a}.subMenuWell{background:#ffefcb}.subMenuWell .menuTitle{color:#826c4a}.ServerGroupContainer .ServerGroup.Online{background-color:#ceb283;border-color:#ceb283;padding:2px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader{background-color:#ceb283;border-radius:8px 8px 5px 5px;margin-bottom:4px}.ServerGroupContainer .ServerGroup.Online .InstanceList{border-radius:5px 5px 16px 16px}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry{color:rgba(255, 255, 255, 0.8)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Offline{-webkit-filter:sepia(1) saturate(2) hue-rotate(0deg) brightness(0.2);filter:sepia(1) saturate(2) hue-rotate(0deg) brightness(0.2)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry{background-color:#ceb283}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo{background-color:#222;border-color:#222}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo:hover{background-color:#888;border-color:#888}.ServerGroupContainer .ServerGroup .ServerGroupHeader{text-shadow:2px 2px 6px rgba(0, 0, 0, 0.3)}.button,button{border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.3)}.button:hover,button:hover{background-color:rgba(0, 0, 0, 0.5)}.button#loginButton,button#loginButton{background-color:#775710;border:1px solid #775710}.button#loginButton:hover,button#loginButton:hover{background-color:#a68e59}a{color:#111}a:hover{color:#222}.iconButton,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo{background-color:rgba(119, 87, 16, 0.8)}.iconButton.toggled,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray.toggled,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo.toggled{background-color:#a68e59}.iconButton:hover,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray:hover,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo:hover{background-color:#b59f7d;border-color:#b59f7d}.ServerEntryActions .iconButton{border:1px solid rgba(0, 0, 0, 0.3)}.ServerEntryActions .iconButton:nth-of-type(5){border-left:none;border-right:none}.ServerEntryActions .iconButton.bgRed{background-color:rgba(185, 0, 0, 0.8);border:1px solid rgba(185, 0, 0, 0.8)}.ServerEntryActions .iconButton.bgRed:hover{background-color:rgba(135, 0, 0, 0.7);border:1px solid rgba(135, 0, 0, 0.7)}.ServerEntryActions .iconButton.bgGreen{background-color:rgba(0, 185, 0, 0.8);border:1px solid rgba(0, 185, 0, 0.8)}.ServerEntryActions .iconButton.bgGreen:hover{background-color:rgba(0, 135, 0, 0.7);border:1px solid rgba(0, 135, 0, 0.7)}#currentSessionsTable .icon{background-color:rgba(0, 0, 0, 0.5);border-radius:24px}.bgInfo,.bgPink,.bgPurple{background-color:#dfca9f;border:1px solid #dfca9f}.bgInfo:hover,.bgPink:hover,.bgPurple:hover{background-color:#222}#mainBody{background:#f2dba6}#sideMenu a{font-size:100%;color:#826c4a}#sideMenu a:hover{color:#ffefcb;background-color:rgba(0, 0, 0, 0.5)}#sideMenu a:active{background-color:#fffde8}#sideMenu a.selected{color:#775710;background-color:#f2dba6}#sideMenu a.hasNotice{background-color:#ff88001a}#sideMenu a.hasNotice:hover{color:#826c4a}#sideMenu a.info .subtitle,#sideMenu a.info .warn{color:#775710}.popupTrigger,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background-color:#ecd093;color:rgba(0, 0, 0, 0.8)}.popupTrigger::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:focus-visible,input[type=email]:focus-visible,input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=text]:focus-visible,input[type=url]:focus-visible,select:focus-visible,textarea:focus-visible{outline:#ceb283 auto 1px}input.searchBox{background-color:transparent}input.searchBox ::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox :-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::placeholder{color:rgba(255, 255, 255, 0.4)}input[type=checkbox]+span,input[type=checkbox][indeterminate]+span{background-color:#a68e59}input[type=checkbox]+span:after,input[type=checkbox][indeterminate]+span:after{background-color:#dfca9f}input[type=checkbox]:checked+span,input[type=checkbox][indeterminate]:checked+span{background-color:#775710}input[type=checkbox]:checked+span:after,input[type=checkbox][indeterminate]:checked+span:after{background-color:#ca931c}#searchResults{color:rgba(255, 255, 255, 0.6);background-color:rgba(0, 0, 0, 0.8)}#searchResults .searchResultCategory .searchResultCategoryInfo{background-color:rgba(0, 0, 0, 0.5)}#searchResults .searchResult{border-bottom:1px solid gray;padding:8px;font-size:smaller}.settingsGroup .groupBody .settingContainer{background-color:#ffefcb;border-color:#dfca9f}.settingsGroup .groupBody .settingInfo{color:#835016}.settingsGroup .groupBody .settingLabel .settingDescription{color:rgba(0, 0, 0, 0.8)}.settingsGroup .groupBody .settingLabel span.inputFieldSuffix{color:rgba(0, 0, 0, 0.4)}.provisionSettingContainer .provisionSetting .permNodeDescription,.provisionSettingContainer .provisionSetting .settingDescription,.sideItemData .provisionSetting .permNodeDescription,.sideItemData .provisionSetting .settingDescription{color:rgba(0, 0, 0, 0.8)}.provisionSettingContainer .treeContainer,.sideItemData .treeContainer{margin-bottom:5px}.provisionSettingContainer hr,.sideItemData hr{color:rgba(0, 0, 0, 0.3)}thead{border-bottom:1px solid rgba(0, 0, 0, 0.3)}.wizardTab .wizardContents{background-color:#f2dba6;border-bottom:8px solid #dfca9f}.wizardTab .wizardContents h2{background-color:#dfca9f}.wizardTab .wizardContents .containerWarning button.bgInfo{background-color:#888;border-color:#888}.wizardTab .wizardContents .containerWarning button.bgInfo:hover{background-color:#222;border-color:#222}.wizardTab .wizardContents .containerWarning.required{background-color:#b59f7d}.wizardTab .wizardContents button.bgGreen{border:1px solid rgba(255, 255, 255, 0.4);background-color:rgba(255, 255, 255, 0.4);color:rgba(0, 0, 0, 0.9)}.wizardTab .wizardContents button.bgGreen:hover{border:1px solid rgba(0, 0, 0, 0.5);background-color:rgba(0, 0, 0, 0.5);color:white}#tabInfo h2{margin:6px 0 0 0;font-size:1.7em;font-weight:bold;color:rgba(0, 0, 0, 0.5)}#tabInfo h4{color:rgba(0, 0, 0, 0.8)}.scheduleTriggerInfo{border:1px solid #dfca9f;background-color:#ffefcb}.splitViewInfo.splitViewInfo{background-color:#f2dba6}.itemList .item.selected{border-right:4px solid #775710;background-color:#f2dba6;color:#775710}.itemList .item:hover{background-color:rgba(0, 0, 0, 0.5);color:#ffefcb}#fileManagerHeader .fmPathSegment{background-color:#ffefcb}#fileManagerHeader .fmPathSegment:after{border-left:10px solid #ffefcb}#fileManagerHeader .fmPathSegment:nth-child(2n){background-color:#fffde8}#fileManagerHeader .fmPathSegment:nth-child(2n):after{border-left:10px solid #fffde8}#fileManagerHeader .fmPathSegment:after,#fileManagerHeader .fmPathSegment:nth-child(2n):after{left:9px}#fileManagerHeader .fmPathSegment:hover,#fileManagerHeader .fmPathSegment:nth-child(2n):hover{background-color:#111;color:#ffefcb}#fileManagerHeader .fmPathSegment:hover:after,#fileManagerHeader .fmPathSegment:nth-child(2n):hover:after{border-left:10px solid #111}#fileManagerList{background-color:#ceb283}#fileManagerList .fileManagerEntry .fileEntrySubtitle{color:#ffefcb}#fileManagerList .fileManagerEntry.selected{background-color:#826c4a}#fileManagerList .fileManagerEntry:hover{background:none;background-color:#dfca9f}.consoleTimestamp{color:#111}.datastoreContainer .datastoreItem{background-color:#f6e3b9;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3)}.datastoreContainer .newDatastoreItem{background-color:rgba(0, 0, 0, 0.4)}.datastoreContainer .newDatastoreItem .plusIcon{color:rgba(0, 0, 0, 0.5)}.bodyTab .analyticsSection .sectionHeader .headerControls div.active{color:#222}.permissionDescriptions div .description,.permNodeDescription{color:rgba(255, 255, 255, 0.6)}.modalpanel{background-color:#b59f7d;border-bottom:8px solid #dfca9f}.modalpanel #modaltitle{background-color:#dfca9f}.modalpanel button.bgGreen{border:1px solid rgba(255, 255, 255, 0.4);background-color:rgba(255, 255, 255, 0.4);color:rgba(0, 0, 0, 0.9)}.modalpanel button.bgGreen:hover{border:1px solid rgba(0, 0, 0, 0.5);background-color:rgba(0, 0, 0, 0.5);color:white}.modalpanel .modalcontents #modalsubtitle{color:rgba(255, 255, 255, 0.8);font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)}#notificationContainer{background-color:#b59f7d}#notificationContainer .notificationBanner{background-color:#dfca9f}#notificationContainer .notification:hover{background-color:rgba(0, 0, 0, 0.15)}#notificationContainer .notification .notificationProgessContainer{-webkit-box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5);box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5)}#notificationContainer .notification .notificationProgessContainer .notificationProgressBar{background-color:rgba(0, 0, 0, 0.5);background-image:-webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:-o-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%)}@media screen and (max-width:660px){#loginContainer>#loginLogo img{margin:0;max-width:88%}} -------------------------------------------------------------------------------- /Themes/Sandy.less: -------------------------------------------------------------------------------- 1 | /** 2 | * "I don't like sand. It's coarse and rough and irritating and it gets everywhere..." 3 | * 4 | * Sandy: A light theme in stark contrast with dark Coffee. Aka "Cream". 5 | * 6 | * Created by KDallas | V1.0 | 12/09/2024 7 | * | V1.1 | 25/09/2024 8 | * https://wlab.au/ 9 | * 10 | */ 11 | 12 | @colorPrimary : #fffde8; 13 | @colorBgMain: #f2dba6; 14 | @colorSecondary: #ffefcb; 15 | @colorDataItem: #f6e3b9; 16 | @colorInput: #ecd093; 17 | @colorAccent: #dfca9f; 18 | @colorBgSecond: #ceb283; 19 | @colorTertiary: #b59f7d; 20 | @colorBgThird: #826c4a; 21 | 22 | @greyLighter: #9e9e9e; 23 | @greyLight: #888; 24 | @greyMid: #737373; 25 | @colorHighlite: #444; 26 | @colorBgDarker: #3b3b3b; 27 | @colorBgDark: #333; 28 | @colorActive: #222; 29 | @colorSelect: #111; 30 | 31 | @linkStandard: #835016; 32 | @actionDark: #775710; 33 | @actionDark80: rgba(119, 87, 16, 0.8); 34 | 35 | @actionLite: #a68e59; 36 | @noticeTrans: #ff88001a; // hsl(32deg 100% 50% / 10%) 37 | 38 | @black90pct: rgba(0, 0, 0, 0.9); 39 | @black80pct: rgba(0, 0, 0, 0.8); 40 | @black50pct: rgba(0, 0, 0, 0.5); 41 | @black40pct: rgba(0, 0, 0, 0.4); 42 | @black30pct: rgba(0, 0, 0, 0.3); 43 | @black15pct: rgba(0, 0, 0, 0.15); 44 | 45 | @white40pct: rgba(255, 255, 255, 0.4); 46 | @white60pct: rgba(255, 255, 255, 0.6); 47 | @white70pct: rgba(255, 255, 255, 0.7); 48 | @white80pct: rgba(255, 255, 255, 0.8); 49 | 50 | @bgRedV2: rgba(185, 0, 0, 0.8); 51 | @bgRedV2Hov: rgba(135, 0, 0, 0.7); 52 | @bgGreenV2: rgba(0, 185, 0, 0.8); 53 | @bgGreenV2Hov: rgba(0, 135, 0, 0.7); 54 | 55 | 56 | body, .bodyTab, .tabHeaderContainer { 57 | background-color: @colorBgMain; 58 | color: @black80pct; 59 | 60 | .AppStatus { 61 | color: @white70pct; 62 | text-shadow: 1px 1px 3px @black50pct; 63 | } 64 | 65 | .tabHeader { 66 | &:hover { 67 | background-color: @black50pct; 68 | color: @colorSecondary; 69 | } 70 | &.active, &:active { 71 | background-color: @actionDark; 72 | border-bottom: 2px solid @actionDark !important; // yeah I know... base template does this :( 73 | 74 | &:hover { 75 | background-color: @black50pct; 76 | border-bottom: 2px solid transparent !important; // yeah I know... base template does this :( 77 | color: @colorSecondary; 78 | } 79 | 80 | } 81 | } 82 | 83 | #tab_currentuser { 84 | span.bgRed { 85 | background-color: @bgRedV2; 86 | border: 1px solid @bgRedV2; 87 | padding: 1px 5px; 88 | border-radius: 4px; 89 | color: @white70pct; 90 | } 91 | } 92 | } 93 | 94 | .tabHeaderContainer { 95 | border-bottom: 4px solid @actionDark; 96 | } 97 | 98 | #loginContainer, .sideItemList, #sideMenuContainer { 99 | background-color: @colorSecondary; 100 | > #userInfo { 101 | background-color: @noticeTrans; 102 | color: @colorBgThird; 103 | border-radius: 23px 0 0 23px; 104 | } 105 | > #loginLogo img { 106 | background-color: rgba(0, 0, 0, 0.2); 107 | padding: 20px; 108 | margin: -15px 0 0 -20px; 109 | border-radius: 16px; 110 | } 111 | .menuTitle { 112 | color: @colorBgThird; 113 | } 114 | } 115 | 116 | .subMenuWell { 117 | background: @colorSecondary; 118 | .menuTitle { 119 | color: @colorBgThird; 120 | } 121 | } 122 | 123 | .ServerGroupContainer { 124 | .ServerGroup { 125 | &.Online { 126 | background-color: @colorBgSecond; 127 | border-color: @colorBgSecond; 128 | padding: 2px; 129 | .ServerGroupHeader { 130 | background-color: @colorBgSecond; 131 | border-radius: 8px 8px 5px 5px; 132 | margin-bottom: 4px; 133 | } 134 | .InstanceList { 135 | border-radius: 5px 5px 16px 16px; 136 | .ServerEntry { 137 | color: @white80pct; 138 | .ServerEntryImage.Offline { 139 | filter: sepia(1) saturate(2) hue-rotate(0deg) brightness(0.2); 140 | } 141 | &.NewServerEntry { 142 | background-color: @colorBgSecond; 143 | } 144 | .ServerEntryInfo { 145 | .bgInfo { 146 | background-color: @colorActive; 147 | border-color: @colorActive; 148 | &:hover { 149 | background-color: @greyLight; 150 | border-color: @greyLight; 151 | } 152 | } 153 | } 154 | } 155 | } 156 | } 157 | .ServerGroupHeader { 158 | text-shadow: 2px 2px 6px @black30pct; 159 | } 160 | } 161 | } 162 | 163 | button, .button { 164 | border: 1px solid @black30pct; 165 | background-color: @black30pct; 166 | &:hover { 167 | background-color: @black50pct; 168 | } 169 | &#loginButton { 170 | background-color: @actionDark; 171 | border: 1px solid @actionDark; 172 | &:hover { 173 | background-color: @actionLite; 174 | } 175 | } 176 | } 177 | 178 | a { 179 | color: @colorSelect; 180 | &:hover { 181 | color: @colorActive; 182 | } 183 | } 184 | 185 | .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray, 186 | .ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo, 187 | .iconButton { 188 | background-color: @actionDark80; 189 | 190 | &.toggled { 191 | background-color: @actionLite; 192 | } 193 | &:hover { 194 | background-color: @colorTertiary; 195 | border-color: @colorTertiary; 196 | } 197 | } 198 | 199 | .ServerEntryActions { 200 | .iconButton { 201 | border: 1px solid @black30pct; 202 | 203 | &:nth-of-type(5) { 204 | // this is the middle button (they are floating right to left, and one has display:none) 205 | border-left: none; 206 | border-right: none; 207 | } 208 | 209 | &.bgRed { 210 | background-color: @bgRedV2; 211 | border: 1px solid @bgRedV2; 212 | &:hover { 213 | background-color: @bgRedV2Hov; 214 | border: 1px solid @bgRedV2Hov; 215 | } 216 | } 217 | 218 | &.bgGreen { 219 | background-color: @bgGreenV2; 220 | border: 1px solid @bgGreenV2; 221 | &:hover { 222 | background-color: @bgGreenV2Hov; 223 | border: 1px solid @bgGreenV2Hov; 224 | } 225 | } 226 | } 227 | } 228 | 229 | #currentSessionsTable { 230 | .icon { 231 | background-color: @black50pct; 232 | border-radius: 24px; 233 | } 234 | } 235 | 236 | .bgPurple, .bgPink, .bgInfo { 237 | background-color: @colorAccent; 238 | border: 1px solid @colorAccent; 239 | &:hover { 240 | background-color: @colorActive; 241 | } 242 | } 243 | 244 | #mainBody { 245 | background: @colorBgMain; 246 | } 247 | 248 | #sideMenu a { 249 | font-size: 100%; 250 | color: @colorBgThird; 251 | 252 | &:hover { 253 | color: @colorSecondary; 254 | background-color: @black50pct; 255 | } 256 | &:active { 257 | background-color: @colorPrimary; 258 | } 259 | &.selected { 260 | color: @actionDark; 261 | background-color: @colorBgMain; 262 | } 263 | &.hasNotice { 264 | background-color: @noticeTrans; 265 | &:hover { 266 | color: @colorBgThird; 267 | } 268 | } 269 | &.info { 270 | .warn, .subtitle { 271 | color: @actionDark; 272 | } 273 | } 274 | } 275 | 276 | input[type=text], input[type=password], input[type=url], input[type=number], input[type=email], select, textarea, .popupTrigger { 277 | background-color: @colorInput; 278 | color: @black80pct; 279 | &::placeholder { 280 | color: @black40pct; 281 | } 282 | &:focus-visible { 283 | outline: @colorBgSecond auto 1px; 284 | } 285 | } 286 | 287 | input.searchBox { 288 | background-color:transparent; 289 | ::placeholder { 290 | color: @white40pct; 291 | } 292 | } 293 | 294 | input[type=checkbox] + span, 295 | input[type=checkbox][indeterminate] + span { 296 | background-color: @actionLite; 297 | &::after { 298 | background-color: @colorAccent; 299 | } 300 | } 301 | 302 | input[type=checkbox]:checked + span, 303 | input[type=checkbox][indeterminate]:checked + span { 304 | background-color: @actionDark; 305 | &::after { 306 | background-color: #ca931c; 307 | } 308 | } 309 | 310 | #searchResults { 311 | color: @white60pct; 312 | background-color: @black80pct; 313 | 314 | .searchResultCategory { 315 | .searchResultCategoryInfo { 316 | background-color: @black50pct; 317 | } 318 | } 319 | } 320 | 321 | #searchResults .searchResult { 322 | border-bottom: 1px solid gray; 323 | padding: 8px; 324 | font-size: smaller; 325 | } 326 | 327 | .settingsGroup .groupBody { 328 | .settingContainer { 329 | background-color: @colorSecondary; 330 | border-color: @colorAccent; 331 | } 332 | .settingInfo { 333 | color: @linkStandard; 334 | } 335 | .settingLabel { 336 | .settingDescription { 337 | color: @black80pct; 338 | } 339 | span.inputFieldSuffix { 340 | color: @black40pct; 341 | } 342 | } 343 | } 344 | 345 | .provisionSettingContainer, .sideItemData { 346 | .provisionSetting { 347 | .settingDescription, .permNodeDescription { 348 | color: @black80pct; 349 | } 350 | } 351 | .treeContainer { 352 | margin-bottom: 5px; 353 | } 354 | hr { 355 | color: @black30pct; 356 | } 357 | } 358 | 359 | thead { 360 | border-bottom: 1px solid @black30pct; 361 | } 362 | 363 | .wizardTab .wizardContents { 364 | background-color: @colorBgMain; 365 | border-bottom: 8px solid @colorAccent; 366 | 367 | h2 { 368 | background-color: @colorAccent; 369 | } 370 | 371 | .containerWarning { 372 | button { 373 | &.bgInfo { 374 | background-color: @greyLight; 375 | border-color: @greyLight; 376 | &:hover { 377 | background-color: @colorActive; 378 | border-color: @colorActive; 379 | } 380 | } 381 | } 382 | &.required { 383 | background-color: @colorTertiary; 384 | } 385 | } 386 | 387 | button.bgGreen { 388 | border: 1px solid @white40pct; 389 | background-color: @white40pct; 390 | color: @black90pct; 391 | &:hover { 392 | border: 1px solid @black50pct; 393 | background-color: @black50pct; 394 | color: white; 395 | } 396 | } 397 | } 398 | 399 | #tabInfo { 400 | h2 { 401 | margin: 6px 0 0 0; 402 | font-size: 1.7em; 403 | font-weight: bold; 404 | color: @black50pct; 405 | } 406 | h4 { 407 | color: @black80pct; 408 | } 409 | } 410 | 411 | .scheduleTriggerInfo { 412 | border: 1px solid @colorAccent; 413 | background-color: @colorSecondary; 414 | } 415 | 416 | .splitViewInfo.splitViewInfo { 417 | background-color: @colorBgMain; 418 | } 419 | 420 | .itemList .item { 421 | &.selected { 422 | border-right: 4px solid @actionDark; 423 | background-color: @colorBgMain; 424 | color: @actionDark; 425 | } 426 | &:hover { 427 | background-color: @black50pct; 428 | color: @colorSecondary; 429 | } 430 | } 431 | 432 | #fileManagerHeader .fmPathSegment { 433 | background-color: @colorSecondary; 434 | &::after { 435 | border-left: 10px solid @colorSecondary; 436 | } 437 | } 438 | 439 | #fileManagerHeader .fmPathSegment:nth-child(even) { 440 | background-color: @colorPrimary; 441 | &::after { 442 | border-left: 10px solid @colorPrimary; 443 | } 444 | } 445 | 446 | #fileManagerHeader .fmPathSegment, 447 | #fileManagerHeader .fmPathSegment:nth-child(even) { 448 | &::after { 449 | left: 9px; 450 | } 451 | &:hover { 452 | background-color: @colorSelect; 453 | color: @colorSecondary; 454 | &::after { 455 | border-left: 10px solid @colorSelect; 456 | } 457 | } 458 | } 459 | 460 | #fileManagerList { 461 | background-color: @colorBgSecond; 462 | 463 | .fileManagerEntry { 464 | .fileEntrySubtitle { 465 | color: @colorSecondary; 466 | } 467 | &.selected { 468 | background-color: @colorBgThird; 469 | } 470 | &:hover { 471 | background: none; 472 | background-color: @colorAccent; 473 | 474 | } 475 | } 476 | } 477 | 478 | .consoleTimestamp { 479 | color: @colorSelect; 480 | } 481 | 482 | .datastoreContainer { 483 | .datastoreItem { 484 | background-color: @colorDataItem; 485 | text-shadow: 2px 2px 2px @black30pct; 486 | } 487 | .newDatastoreItem { 488 | background-color: @black40pct; 489 | .plusIcon { 490 | color: @black50pct; 491 | } 492 | } 493 | } 494 | 495 | .bodyTab .analyticsSection .sectionHeader .headerControls div.active { 496 | color: @colorActive; 497 | } 498 | 499 | .permissionDescriptions div .description, 500 | .permNodeDescription { 501 | color: @white60pct; 502 | } 503 | 504 | .modalpanel { 505 | background-color: @colorTertiary; 506 | border-bottom: 8px solid @colorAccent; 507 | 508 | #modaltitle { 509 | background-color: @colorAccent; 510 | } 511 | 512 | button.bgGreen { 513 | border: 1px solid @white40pct; 514 | background-color: @white40pct; 515 | color: @black90pct; 516 | &:hover { 517 | border: 1px solid @black50pct; 518 | background-color: @black50pct; 519 | color: white; 520 | } 521 | } 522 | 523 | .modalcontents { 524 | #modalsubtitle { 525 | color: @white80pct; 526 | font-weight: bold; 527 | text-shadow: 1px 1px 2px @black50pct; 528 | } 529 | } 530 | } 531 | 532 | #notificationContainer { 533 | background-color: @colorTertiary; 534 | 535 | .notificationBanner { 536 | background-color: @colorAccent; 537 | } 538 | 539 | .notification { 540 | &:hover { 541 | background-color: @black15pct; 542 | } 543 | 544 | .notificationProgessContainer { 545 | box-shadow: inset 0px 1px 0px @black50pct, inset 0px -1px 0px @black50pct, inset 1px 0px 0px @black50pct, inset -1px 0 0px @black50pct; 546 | 547 | .notificationProgressBar { 548 | background-color: @black50pct; 549 | background-image: linear-gradient(45deg, @black15pct 14%, @black50pct 14%, @black50pct 40%, @black15pct 40%, @black15pct 60%, @black50pct 60%, @black50pct 85%, @black15pct 85%, @black15pct 100%); 550 | } 551 | } 552 | } 553 | } 554 | 555 | 556 | @media screen and (max-width: 660px) { 557 | #loginContainer { 558 | > #loginLogo img { 559 | margin: 0; 560 | max-width: 88%; 561 | } 562 | } 563 | } 564 | 565 | -------------------------------------------------------------------------------- /Themes/Screwed-Purple.css: -------------------------------------------------------------------------------- 1 | /* 2 | Screwed Purple theme by Jaiden W 3 | Updated 2022/07/04 4 | Obey The Fist! 5 | */ 6 | 7 | 8 | 9 | /*Background image/color*/ 10 | @keyframes gradient { 0% { background-position: 0% 50%; } 50% {background-position: 100% 50%; } 100% {background-position: 0% 50%; } } 11 | @keyframes slidein { 0% { top: -100%; padding-top:60px; } 50% { top: 0%; padding-top:55px; } 100% { padding-top:32px; } } 12 | @keyframes fadein { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0.2; } 30% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; } } 13 | #tab_ADSModule_Instances, #mainBody, .bodyTab { background:none; } 14 | html { 15 | background-image:url("../Images/Screwed-Purple_html.png"); 16 | } 17 | body { 18 | background: linear-gradient(-45deg, #2f005fAA, #37006fBB, #430088AA, #2f005fAA); 19 | background-size: 400% 400%; 20 | animation: gradient 15s ease infinite; 21 | height:100vh; 22 | } 23 | 24 | .bodyTab { animation: fadein 200ms; } 25 | 26 | /*Scroll Bar*/ 27 | div ::-webkit-scrollbar { width: 5px; background-color: #20023e;} 28 | div ::-webkit-scrollbar-thumb { width: 5px; background-color: #8000ff; } 29 | div ::-webkit-scrollbar-thumb:hover { background-color: #952efb; } 30 | 31 | /*Buttons/links*/ 32 | a { color: #fbff00; } 33 | a:hover { color: #ffffff; } 34 | .bgGreen { background-color: #8000ff; border: 1px solid #8000ff; } 35 | .bgGreen:hover { background-color: #bc78ff; } 36 | 37 | /*login box*/ 38 | #loginContainer button { width: 100%; border-radius:3px;} 39 | #loginContainer { 40 | box-shadow: 0px 0px 50px 6px rgb(0 0 0); 41 | border-width: 4px 4px 4px 4px; 42 | border-style: solid; 43 | border-color: #000000dd; 44 | outline: 3px solid #8000ff; 45 | background-image: linear-gradient(#8000ff99, #2c055299); 46 | background-color: transparent; 47 | animation: slidein 1s; 48 | } 49 | #loginContainer * { 50 | animation: fadein 600ms; 51 | } 52 | 53 | #loginForm input { 54 | width: 100%; 55 | background-color: rgba(0, 0, 0, 0.3); 56 | border: 3px solid #0b00169c; 57 | outline: 3px solid #8000ff; 58 | border-radius: 3px; 59 | } 60 | 61 | /* Branding*/ 62 | .ModuleAuthor::after{ content:' (With Screwed Purple - By Jaiden W)'; } 63 | 64 | /*Side Menu*/ 65 | .itemList .item:hover { background-color: #423369; } 66 | .itemList .item.selected { border-right: 4px solid #8000ff; } 67 | .itemList .item:active { background-color: #470a83; } 68 | .sideItemList { background-color: #25065775; } 69 | #sideMenuContainer, .subMenuWell { top:48px; } 70 | #sideMenuContainer { background: linear-gradient(180deg,#333333dd 50%, #222222dd); } 71 | .subMenuWell { background: linear-gradient(180deg,#333333 50%, #222222); } 72 | #barTop #tabInfo { margin-left: 16px; color: #a041ff; } 73 | #barTop, #barBottom, #userInfo:hover { background-color: #333333dd; } 74 | #userInfo { background:none; } 75 | #sideMenu a:active { background-color: #352644; } 76 | #sideMenu a.selected { border-right: 4px solid #8000ff; } 77 | #sideMenu { top: 0px; } 78 | #sideMenu a.selected { background-color: #8000ff2b; border-radius: 0px 0 0 8px; } 79 | .menuTitle { 80 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 81 | font-weight: bolder; 82 | color: #a041ff; 83 | font-size: 24pt; 84 | padding: 20px 16px 20px 12px; 85 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 86 | text-align: center; 87 | } 88 | #sideMenu a img { 89 | width: 24px; 90 | height: 24px; 91 | padding: 12px 0.5em 12px 0; 92 | float: left; 93 | filter: invert(20%) sepia(52%) saturate(888) hue-rotate(270deg) brightness(130%) contrast(173%); 94 | } 95 | #sideMenu a { 96 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 97 | font-weight: bold; 98 | cursor: pointer; 99 | margin: 0; 100 | padding: 0; 101 | padding: 0.1em 1em 0.1em 0.7em; 102 | color: #fff; 103 | /* 104 | font-size: 130%; 105 | display: block; 106 | vertical-align: middle; 107 | height: 48px; 108 | line-height: 48px; 109 | */ 110 | font-size: 105%; 111 | text-decoration: none; 112 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 113 | transition: background-color 0.25s, width 0.25s; 114 | border-radius: 0px 0px 5px 5px; 115 | } 116 | 117 | /*User Roles*/ 118 | #permNodeDescription{ color:#a9a9a9; } 119 | #tab_usermanagement .sideItemData, #tab_rolemanagement .sideItemData { 120 | background: #333333; 121 | padding: 20px; 122 | border-radius: 5px; 123 | box-shadow: inset 0 2px 4px rgb(255 255 255 / 5%), inset 0 -2px 4px rgb(0 0 0 / 20%), 0 4px 4px rgb(0 0 0 / 30%); 124 | animation:fadein 300ms; 125 | } 126 | 127 | 128 | /*Scheduled tasks*/ 129 | .scheduleTriggerInfo { 130 | width: 100%; 131 | border-radius: 4px; 132 | border: 1px solid #8000ff; 133 | margin-top: 8px; 134 | background-color: #31075c; 135 | overflow: hidden; 136 | } 137 | .scheduleTriggerDescription { 138 | background-color: #8000ff; 139 | padding: 8px; 140 | } 141 | .scheduleTriggerHeaderItem .scheduleHeader { 142 | color: #FFF; 143 | font-weight: 800; 144 | } 145 | .scheduleTriggerTaskDropper { 146 | float: right; 147 | background-color: #00000045; 148 | height: 40px; 149 | margin: -8px -8px 0 0; 150 | border-radius: 0 0 0 4px; 151 | border: 1px solid #b571f9; 152 | border-top: none; 153 | border-right: none; 154 | overflow: hidden; 155 | } 156 | 157 | /*Toast*/ 158 | .ThirdPartyNotice { 159 | float: left; 160 | padding: 64px; 161 | z-index: 1; 162 | position: absolute; 163 | background-color: rgb(27, 16, 34); 164 | height: 100%; 165 | box-sizing: border-box; 166 | } 167 | .notificationProgessContainer { 168 | width: 100%; 169 | height: 16px; 170 | border: 1px solid #8000ff; 171 | margin-top: 4px; 172 | overflow: hidden; 173 | position: relative; 174 | } 175 | .notificationProgressBar { 176 | height: 100%; 177 | width: 0; 178 | background-color: #8000ff; 179 | transition: width 0.5s ease-in-out; 180 | margin-left: 0; 181 | overflow: visible; 182 | position: absolute; 183 | } 184 | 185 | /* Server Entry*/ 186 | .ServerGroup.Online .ServerGroupHeader { background: linear-gradient(to right, #8000ff 0%, rgba(0, 0, 0, 0.3) 85%); } 187 | .desktopContextMenu.desktopContextMenu .buttonListSeparator { border-bottom: 1px solid #8000ff!important; } 188 | .desktopContextMenu { background: #290e44!important; border: 2px solid #8000ff; } 189 | .ServerEntry .ServerEntryInfo tr { background:#00000088; } 190 | .ServerEntry .ServerEntryInfo tr:nth-child(2n) { background: #00000038; } 191 | .ServerEntry.NewServerEntry { background-color: #8000ff!important; text-align: center; } 192 | .ServerEntry:hover { border: 1px solid #8000ff!important; } 193 | .ServerEntryStatus.bgGreen { background-color: #6600cc; border: 1px solid #6d00da; } 194 | .ServerEntryStatus.bgGreen:hover { background-color: #8000ff; } 195 | .ServerGroup{ background: #00000061; } 196 | .ServerEntry .ServerEntryImage { 197 | width: 100%; 198 | height: calc(100% - 25px); 199 | position: absolute; 200 | z-index: -1; 201 | background-size: cover; 202 | filter: brightness(0.55); 203 | background-color: #8000ffEE; 204 | } 205 | .wizardTab .wizardContents { 206 | background-color: #36006b; 207 | border-bottom: 8px solid #8000ff; 208 | box-shadow: 2px 2px 12px rgb(0 0 0 / 50%); 209 | } 210 | .wizardTab .wizardContents h2 { 211 | margin: -16px; 212 | padding: 8px 16px 8px 16px; 213 | width: 100%; 214 | background-color: #8000ff; 215 | margin-bottom: 16px; 216 | } 217 | .provisionSetting img { 218 | width: 98%; 219 | border: 1px solid #8000ff; 220 | box-shadow: 0px 0px 5px black; 221 | } 222 | .ServerGroup.Online .ServerGroupHeader { 223 | background: linear-gradient(to right, #8000ff 0%, #4b1a7b 85%)!important; 224 | border: 1px solid #8000ff; 225 | border-radius: 4px; 226 | box-shadow: 0px 0px 10px black; 227 | } 228 | .Platform-2, .Platform-1 { 229 | background-repeat: no-repeat; 230 | background-position-x: right; 231 | background-position-y: bottom; 232 | background-size: 170px; 233 | filter: brightness(0.90); 234 | } 235 | .ServerEntry .ServerEntryHeader { 236 | background-color: #8000ffba!important; 237 | padding: 4px!important; 238 | margin: 4px!important; 239 | min-height: 0px!important; 240 | margin-bottom: 2px; 241 | position: relative; 242 | text-align: center; 243 | border-radius: 4px; 244 | border: 3px solid #8000ff99; 245 | } 246 | .ServerEntry .ServerEntryHeader h4 { 247 | margin: 0; 248 | font-weight: 1000; 249 | } 250 | 251 | /*Graphs server display page*/ 252 | .DisplayMetric .DisplayMetricGraph { background: #00000047; } 253 | 254 | 255 | /* dropdown menu*/ 256 | option{ background:#202020; color:#fff;} 257 | /* Input boxes*/ 258 | input[type="text"], input[type="password"], input[type="url"], input[type="number"], input[type="email"], input[type="search"], select, textarea { background: #0000001c; } 259 | 260 | /* Input checkbox slider*/ 261 | input[type=checkbox]:checked + span { background-color: #8000ff; } 262 | input[type=checkbox]:checked + span::after { background-color: #333333; } 263 | input[type=checkbox]:hover + span { border-color: #00000000; } 264 | button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover, button:active, input[type="button"]:active, input[type="submit"]:active, .button:active { background-color: #8000ff; } 265 | button, input[type=button], input[type=submit], .button { 266 | background-color: #01010247; 267 | color: white; 268 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 269 | font-weight: lighter; 270 | font-size: larger; 271 | border: 1px solid #8000ff; 272 | min-width: 96px; 273 | cursor: pointer; 274 | outline: none; 275 | height: 48px; 276 | margin-right: 8px; 277 | transition: background-color 0.3s; 278 | border-radius: 2px; 279 | } 280 | 281 | 282 | /*loading*/ 283 | .loader { 284 | margin: 6em auto; 285 | font-size: 10px; 286 | position: relative; 287 | text-indent: -9999em; 288 | border-top: 1.1em solid rgba(128, 0, 255, 0.2)!important; 289 | border-right: 1.1em solid #8000ff; 290 | border-bottom: 1.1em solid rgba(128, 0, 255, 0.2)!important; 291 | border-left: 1.1em solid #8000ff; 292 | -webkit-animation: load8 1s infinite linear!important; 293 | animation: load8 1s infinite linear!important; 294 | box-shadow: 0px 0px 20px #00000085, inset 0px 0px 20px #00000085; 295 | } 296 | 297 | /*event time*/ 298 | .scheduleTriggerTask { padding: 8px; border-bottom: 1px solid #8000ff; } 299 | .iconButton:hover { background-color: #0000004d; } 300 | .iconButton:active { background-color: #8000ff; } 301 | .timeSegment.selected { background-color: #8000ff; } 302 | .timeSegment:hover { padding:10px; border:1px solid #8000ff; } 303 | .timeSegment { 304 | background-color: rgba(255, 255, 255, 0.25); 305 | color: white; 306 | box-sizing: border-box; 307 | padding: 4px; 308 | cursor: pointer; 309 | float: left; 310 | user-select: none; 311 | text-align: center; 312 | border: 1px solid black; 313 | padding: 10px; 314 | border-radius: 3px; 315 | } 316 | 317 | /*file manager*/ 318 | .fmPathSegment:hover { background-color: #a858f7!important; } 319 | .fmPathSegment:hover::after { border-left-color: #a858f7!important; } 320 | .fileManagerEntry:hover { background: #8000ff61!important; } 321 | .fmPathSegment::after { 322 | width: 0; 323 | height: 0; 324 | border-top: 16px solid transparent; 325 | border-bottom: 16px solid transparent; 326 | border-left: 10px solid #8000ff!important; 327 | content: ' '; 328 | /* 329 | display: inline-block; 330 | float: right; 331 | */ 332 | position: relative; 333 | left: 10px; 334 | } 335 | .fmPathSegment { 336 | display: inline-block; 337 | cursor: pointer; 338 | font-size: 12pt; 339 | background-color: #8000ff!important; 340 | padding-left: 20px; 341 | line-height: 32px; 342 | margin-left: -4px; 343 | } 344 | 345 | /*settings box*/ 346 | .settingsGroup .groupBody .settingLabel .settingDescription { display:inline-block; } 347 | .settingDescription { min-height:0px!important; color:white!important; } 348 | .settingContainer > button.slimButton:nth-last-of-type(1), .settingContainer > button.slimButton:nth-last-of-type(2) { float:left!important; width:11% } 349 | .settingsGroup .groupBody .settingContainer { 350 | padding: 16px; 351 | border-radius: 5px; 352 | background-color: #00000061; 353 | box-shadow: inset 0 2px 4px rgb(255 255 255 / 5%), inset 0 -2px 4px rgb(0 0 0 / 20%), 0 4px 4px rgb(0 0 0 / 30%); 354 | border: 2px solid #8000ff99; 355 | } 356 | .settingsGroup .groupBody .settingContainer .settingWarning { 357 | font-size: 8pt; 358 | color: red; 359 | padding: 0px; 360 | margin-top: 25px; 361 | } 362 | .settingLabel > label:first-of-type{ 363 | margin-top:9px; 364 | margin-left:-20px!important; 365 | } 366 | .settingLabel > div:first-of-type{ 367 | margin: -10px -10px 0px -10px; 368 | border-radius: 3px; 369 | padding: 10px; 370 | text-align: center; 371 | background: #8000ff; 372 | } 373 | .settingsGroup .groupBody .settingContainer .listEditButton { 374 | float: right; 375 | margin-right: 0; 376 | margin-left: 8px; 377 | margin-top: 35px; 378 | } 379 | .settingLabel > div:first-of-type { 380 | margin: -10px -10px 0px -10px; 381 | border-radius: 3px; 382 | padding: 10px; 383 | text-align: center; 384 | background: #8000ff; 385 | white-space: nowrap; 386 | } 387 | #bgtext { position: absolute; bottom:50px; } 388 | 389 | 390 | 391 | @media screen and (max-width: 660px), screen and (min-resolution: 100dpi) and (max-width: 980px), screen and (min-resolution: 150dpi) and (max-width: 1440px), screen and (min-resolution: 300dpi) and (max-width: 2000px){ 392 | #bgtext { 393 | position: absolute; 394 | bottom: -83px!important; 395 | right: 0px!important; 396 | left: -173px!important; 397 | } 398 | } 399 | 400 | 401 | @media screen and (max-width: 1000px) { 402 | #bgtext { 403 | transform: rotate(-90deg) translate(256px, -54px); 404 | width: 220px; 405 | transform-origin: top right; 406 | border-top: none; 407 | padding: 0px!important; 408 | bottom: -35px!important; 409 | text-align: right; 410 | width: 236px; 411 | right: 9px; 412 | 413 | } 414 | #updateAvailable button { 415 | background-color: transparent; 416 | border-color: white; 417 | height: 32px; 418 | border-radius: 4px; 419 | margin: 0px 4px; 420 | font-size: 11pt; 421 | } 422 | } 423 | 424 | /* mobile fixes*/ 425 | @media screen and (max-width: 660px), screen and (min-resolution: 100dpi) and (max-width: 980px), screen and (min-resolution: 150dpi) and (max-width: 1440px), screen and (min-resolution: 300dpi) and (max-width: 2000px) { 426 | .subMenuWell { top: 0px; width:200px;} 427 | #bgtext { position: absolute; bottom:0px; } 428 | .menuTitle {font-size:20pt; } 429 | #sideMenuContainer { background: linear-gradient(180deg,#333333 50%, #222222); overflow:hidden; } 430 | #barTop, #barBottom { background-color: #333333; } 431 | } 432 | -------------------------------------------------------------------------------- /Themes/Shadow-Red.css: -------------------------------------------------------------------------------- 1 | /* 2 | Screwed Purple theme by Jaiden W 3 | Updated 2022/05/05 4 | Obey The Fist! 5 | 6 | Recolored and Renamed by Panics 7 | */ 8 | 9 | 10 | 11 | /*Background image/color*/ 12 | @keyframes gradient { 0% { background-position: 0% 50%; } 50% {background-position: 100% 50%; } 100% {background-position: 0% 50%; } } 13 | @keyframes slidein { 0% { top: -100%; padding-top:60px; } 50% { top: 0%; padding-top:55px; } 100% { padding-top:32px; } } 14 | @keyframes fadein { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0.2; } 30% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; } } 15 | #tab_ADSModule_Instances, #mainBody, .bodyTab { background:none; } 16 | html { 17 | background-image:url("../Images/Shadow-Red_html.jpg"); 18 | background-repeat: no-repeat; 19 | background-size: cover; 20 | } 21 | body { 22 | background: linear-gradient(-45deg, #000000aa, #000000bb, #000000aa, #000000aa); 23 | background-size: 400% 400%; 24 | animation: gradient 15s ease infinite; 25 | height:100vh; 26 | } 27 | 28 | .bodyTab { animation: fadein 200ms; } 29 | 30 | /*Scroll Bar*/ 31 | div ::-webkit-scrollbar { width: 5px; background-color: #000000;} 32 | div ::-webkit-scrollbar-thumb { width: 5px; background-color: #ff0000; } 33 | div ::-webkit-scrollbar-thumb:hover { background-color: #ff0000; } 34 | 35 | /*Buttons/links*/ 36 | a { color: #000000; } 37 | a:hover { color: #ffffff; } 38 | 39 | .provisionSetting{ 40 | height: auto !important; 41 | } 42 | 43 | /*login box*/ 44 | #loginContainer button { width: 100%; border-radius:3px;} 45 | #loginContainer { 46 | box-shadow: 0px 0px 50px 6px rgb(0 0 0); 47 | border-width: 4px 4px 4px 4px; 48 | border-style: solid; 49 | border-color: #000000dd; 50 | outline: 3px solid #540000; 51 | background-image: linear-gradient(#af000099, #52050599); 52 | background-color: transparent; 53 | animation: slidein 1.5s; 54 | } 55 | #loginContainer * { 56 | animation: fadein 600ms; 57 | } 58 | 59 | #loginForm input { 60 | width: 100%; 61 | background-color: rgba(0, 0, 0, 0.3); 62 | border: 3px solid #0b00169c; 63 | outline: 3px solid #620b0b; 64 | border-radius: 3px; 65 | } 66 | 67 | #forgotLogin{ 68 | display: none; 69 | } 70 | 71 | /* Branding*/ 72 | .ModuleAuthor::after{ content:' (With Screwed Purple - By Jaiden W)'; } 73 | 74 | /*Side Menu*/ 75 | .itemList .item:hover { background-color: #cb0f0f; } 76 | .itemList .item.selected { border-right: 4px solid #970000; } 77 | .itemList .item:active { background-color: #580909; } 78 | .sideItemList { background-color: #0a0a0a5c; } 79 | #sideMenuContainer, .subMenuWell { top:48px; } 80 | #sideMenuContainer { background: linear-gradient(180deg,#333333dd 50%, #222222dd); } 81 | .subMenuWell { background: linear-gradient(180deg,#333333 50%, #222222); } 82 | #barTop #tabInfo { margin-left: 16px; color: #ff0000; } 83 | #barTop, #barBottom, #userInfo:hover { background-color: #333333dd; } 84 | #userInfo { background:none; } 85 | #sideMenu a:active { background-color: #442626; } 86 | #sideMenu a.selected { border-right: 4px solid #970000; } 87 | #sideMenu { top: 0px; } 88 | #sideMenu a.selected { background-color: #ff00002b; border-radius: 0px 0 0 8px; } 89 | .menuTitle { 90 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 91 | font-weight: bolder; 92 | color: #ff0000; 93 | font-size: 24pt; 94 | padding: 20px 16px 20px 12px; 95 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 96 | text-align: center; 97 | } 98 | #sideMenu a img { 99 | width: 24px; 100 | height: 24px; 101 | padding: 12px 0.5em 12px 0; 102 | float: left; 103 | filter: invert(20%) sepia(44%) saturate(430) hue-rotate(0deg) brightness(145%) contrast(90%); 104 | } 105 | #sideMenu a { 106 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 107 | font-weight: bold; 108 | cursor: pointer; 109 | margin: 0; 110 | padding: 0; 111 | padding: 0.1em 1em 0.1em 0.7em; 112 | color: #fff; 113 | /* 114 | font-size: 130%; 115 | display: block; 116 | vertical-align: middle; 117 | height: 48px; 118 | line-height: 48px; 119 | */ 120 | font-size: 105%; 121 | text-decoration: none; 122 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); 123 | transition: background-color 0.25s, width 0.25s; 124 | border-radius: 0px 0px 5px 5px; 125 | } 126 | 127 | /*User Roles*/ 128 | #permNodeDescription{ color:#a9a9a9; } 129 | #tab_usermanagement .sideItemData, #tab_rolemanagement .sideItemData { 130 | background: #333333; 131 | padding: 20px; 132 | border-radius: 5px; 133 | box-shadow: inset 0 2px 4px rgb(255 255 255 / 5%), inset 0 -2px 4px rgb(0 0 0 / 20%), 0 4px 4px rgb(0 0 0 / 30%); 134 | animation:fadein 300ms; 135 | } 136 | 137 | 138 | /*Scheduled tasks*/ 139 | .scheduleTriggerInfo { 140 | width: 100%; 141 | border-radius: 4px; 142 | border: 1px solid #ff0000; 143 | margin-top: 8px; 144 | background-color: #00000055; 145 | overflow: hidden; 146 | } 147 | .scheduleTriggerDescription { 148 | background-color: #850000; 149 | padding: 8px; 150 | } 151 | .scheduleTriggerHeaderItem .scheduleHeader { 152 | color: #FFF; 153 | font-weight: 800; 154 | } 155 | .scheduleTriggerTaskDropper { 156 | float: right; 157 | background-color: #00000045; 158 | height: 40px; 159 | margin: -8px -8px 0 0; 160 | border-radius: 0 0 0 4px; 161 | border: 1px solid #341111; 162 | border-top: none; 163 | border-right: none; 164 | overflow: hidden; 165 | } 166 | 167 | /*Toast*/ 168 | .ThirdPartyNotice { 169 | float: left; 170 | padding: 64px; 171 | z-index: 1; 172 | position: absolute; 173 | background-color: rgb(27, 16, 34); 174 | height: 100%; 175 | box-sizing: border-box; 176 | } 177 | .notificationProgessContainer { 178 | width: 100%; 179 | height: 16px; 180 | border: 1px solid #ff0000; 181 | margin-top: 4px; 182 | overflow: hidden; 183 | position: relative; 184 | } 185 | .notificationProgressBar { 186 | height: 100%; 187 | width: 0; 188 | background-color: #ff0000; 189 | transition: width 0.5s ease-in-out; 190 | margin-left: 0; 191 | overflow: visible; 192 | position: absolute; 193 | } 194 | 195 | /* Server Entry*/ 196 | .ServerGroup.Online .ServerGroupHeader { background: linear-gradient(to right, #bf0000 0%, rgba(0, 0, 0, 0.3) 85%); } 197 | .desktopContextMenu.desktopContextMenu .buttonListSeparator { border-bottom: 1px solid #bf0000 !important; } 198 | .desktopContextMenu { background: #320707 !important; border: 2px solid #bf0000; } 199 | .ServerEntry .ServerEntryInfo tr { background:#00000088; } 200 | .ServerEntry .ServerEntryInfo tr:nth-child(2n) { background: #00000038; } 201 | .ServerEntry.NewServerEntry { background-color: #cd3737 !important; text-align: center; } 202 | .ServerEntry:hover { border: 1px solid #ff0000 !important; } 203 | .ServerGroup{ background: #00000061; } 204 | .ServerEntry .ServerEntryImage { 205 | width: 100%; 206 | height: calc(100% - 25px); 207 | position: absolute; 208 | z-index: -1; 209 | background-size: cover; 210 | filter: brightness(0.55); 211 | background-color: #ff0000EE; 212 | } 213 | .wizardTab .wizardContents { 214 | background-color: #420000; 215 | border-bottom: 8px solid #ff0000; 216 | box-shadow: 2px 2px 12px rgb(0 0 0 / 50%); 217 | } 218 | .wizardTab .wizardContents h2 { 219 | margin: -16px; 220 | padding: 8px 16px 8px 16px; 221 | width: 100%; 222 | background-color: #bf0000; 223 | margin-bottom: 16px; 224 | } 225 | .provisionSetting img { 226 | width: 98%; 227 | border: 1px solid #bf0000; 228 | box-shadow: 0px 0px 5px black; 229 | } 230 | .ServerGroup.Online .ServerGroupHeader { 231 | background: linear-gradient(to right, #ff0000 0%, #7b1a1a 85%)!important; 232 | border: 1px solid #000000; 233 | border-radius: 4px; 234 | box-shadow: 0px 0px 10px black; 235 | } 236 | .Platform-2, .Platform-1 { 237 | background-repeat: no-repeat; 238 | background-position-x: right; 239 | background-position-y: bottom; 240 | background-size: 170px; 241 | filter: brightness(0.90); 242 | } 243 | .ServerEntry .ServerEntryHeader { 244 | background-color: #a10b13 !important; 245 | padding: 4px !important; 246 | margin: 2px !important; 247 | min-height: 0px !important; 248 | margin-bottom: 2px; 249 | position: relative; 250 | text-align: center; 251 | border-radius: 4px; 252 | border: 1px solid #00000099; 253 | } 254 | .ServerEntry .ServerEntryHeader h4 { 255 | margin: 0; 256 | font-weight: 1000; 257 | } 258 | 259 | /*Graphs server display page*/ 260 | .DisplayMetric .DisplayMetricGraph { background: #00000047; } 261 | 262 | 263 | /* dropdown menu*/ 264 | option{ background:#202020; color:#fff;} 265 | /* Input boxes*/ 266 | input[type="text"], input[type="password"], input[type="url"], input[type="number"], input[type="email"], input[type="search"], select, textarea { background: #00000087; } 267 | 268 | /* Input checkbox slider*/ 269 | input[type=checkbox]:checked + span { background-color: #ff0000; } 270 | input[type=checkbox]:checked + span::after { background-color: #333333; } 271 | input[type=checkbox]:hover + span { border-color: #00000000; } 272 | button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover, button:active, input[type="button"]:active, input[type="submit"]:active, .button:active { background-color: #ff0000; } 273 | button, input[type=button], input[type=submit], .button { 274 | background-color: #01010247; 275 | color: white; 276 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 277 | font-weight: lighter; 278 | font-size: larger; 279 | border: 1px solid #ff0000; 280 | min-width: 96px; 281 | cursor: pointer; 282 | outline: none; 283 | height: 48px; 284 | margin-right: 8px; 285 | transition: background-color 0.3s; 286 | border-radius: 2px; 287 | } 288 | 289 | 290 | /*loading*/ 291 | .loader { 292 | margin: 6em auto; 293 | font-size: 10px; 294 | position: relative; 295 | text-indent: -9999em; 296 | border-top: 1.1em solid rgba(155, 0, 0, 0.2)!important; 297 | border-right: 1.1em solid #ff0000; 298 | border-bottom: 1.1em solid rgba(155, 0, 0, 0.2)!important; 299 | border-left: 1.1em solid #ff0000; 300 | -webkit-animation: load8 1s infinite linear!important; 301 | animation: load8 1s infinite linear!important; 302 | box-shadow: 0px 0px 20px #00000085, inset 0px 0px 20px #00000085; 303 | } 304 | 305 | /*event time*/ 306 | .scheduleTriggerTask { padding: 8px; border-bottom: 1px solid #ff0000; } 307 | .iconButton:hover { background-color: #0000004d; } 308 | .iconButton:active { background-color: #ff0000; } 309 | .timeSegment.selected { background-color: #ff0000; } 310 | .timeSegment:hover { padding:10px; border:1px solid #ff0000; } 311 | .timeSegment { 312 | background-color: rgba(255, 255, 255, 0.25); 313 | color: white; 314 | box-sizing: border-box; 315 | padding: 4px; 316 | cursor: pointer; 317 | float: left; 318 | user-select: none; 319 | text-align: center; 320 | border: 1px solid black; 321 | padding: 10px; 322 | border-radius: 3px; 323 | } 324 | 325 | /*file manager*/ 326 | .fmPathSegment:hover { background-color: #a858f7!important; } 327 | .fmPathSegment:hover::after { border-left-color: #a858f7!important; } 328 | .fileManagerEntry:hover { background: #ff000061!important; } 329 | .fmPathSegment::after { 330 | width: 0; 331 | height: 0; 332 | border-top: 16px solid transparent; 333 | border-bottom: 16px solid transparent; 334 | border-left: 10px solid #ff0000!important; 335 | content: ' '; 336 | /* 337 | display: inline-block; 338 | float: right; 339 | */ 340 | position: relative; 341 | left: 10px; 342 | } 343 | .fmPathSegment { 344 | display: inline-block; 345 | cursor: pointer; 346 | font-size: 12pt; 347 | background-color: #ff0000!important; 348 | padding-left: 20px; 349 | line-height: 32px; 350 | margin-left: -4px; 351 | } 352 | 353 | /*settings box*/ 354 | .settingsGroup .groupBody .settingLabel .settingDescription { display:inline-block; } 355 | .settingDescription { min-height:0px!important; color:white!important; } 356 | .settingContainer > button.slimButton:nth-last-of-type(1), .settingContainer > button.slimButton:nth-last-of-type(2) { float:left!important; width:11% } 357 | .settingsGroup .groupBody .settingContainer { 358 | padding: 16px; 359 | border-radius: 5px; 360 | background-color: #00000061; 361 | box-shadow: inset 0 2px 4px rgb(255 255 255 / 5%), inset 0 -2px 4px rgb(0 0 0 / 20%), 0 4px 4px rgb(0 0 0 / 30%); 362 | border: 2px solid #ff000099; 363 | } 364 | .settingsGroup .groupBody .settingContainer .settingWarning { 365 | font-size: 8pt; 366 | color: red; 367 | padding: 0px; 368 | margin-top: 25px; 369 | } 370 | .settingLabel > label:first-of-type{ 371 | margin-top:9px; 372 | margin-left:-20px!important; 373 | } 374 | .settingLabel > div:first-of-type{ 375 | margin: -10px -10px 0px -10px; 376 | border-radius: 3px; 377 | padding: 10px; 378 | text-align: center; 379 | background: #ff0000; 380 | } 381 | .settingsGroup .groupBody .settingContainer .listEditButton { 382 | float: right; 383 | margin-right: 0; 384 | margin-left: 8px; 385 | margin-top: 35px; 386 | } 387 | .settingLabel > div:first-of-type { 388 | margin: -10px -10px 0px -10px; 389 | border-radius: 3px; 390 | padding: 10px; 391 | text-align: center; 392 | background: #ff0000; 393 | white-space: nowrap; 394 | } 395 | 396 | /* mobile fixes*/ 397 | @media screen and (max-width: 660px), screen and (min-resolution: 100dpi) and (max-width: 980px), screen and (min-resolution: 150dpi) and (max-width: 1440px), screen and (min-resolution: 300dpi) and (max-width: 2000px) { 398 | .subMenuWell { top: 0px; width:200px;} 399 | #bgtext { position: absolute; bottom:0px; } 400 | .menuTitle {font-size:20pt; } 401 | #sideMenuContainer { background: linear-gradient(180deg,#333333 50%, #222222); overflow:hidden; } 402 | #barTop, #barBottom { background-color: #333333; } 403 | } 404 | 405 | -------------------------------------------------------------------------------- /Themes/SpiderByte_Blue.css: -------------------------------------------------------------------------------- 1 | /* 2 | Created by B.Marcum of SpiderByte LLC 3 | 01/25/2024 4 | */ 5 | 6 | :root { 7 | --primaryColor: #05070e; 8 | --accentColor: #3a6ea5; 9 | --fontFamily: 'Titillium Web', sans-serif; 10 | } 11 | 12 | body, .bodyTab { 13 | background: linear-gradient(to bottom, var(--primaryColor), #05070e); 14 | color: #fff; 15 | font-family: var(--fontFamily); 16 | margin: 0; 17 | } 18 | 19 | #loginContainer, .sideItemList { 20 | background: linear-gradient(to bottom, #0c0f23, var(--primaryColor)); 21 | border-radius: 10px; 22 | } 23 | 24 | #barTop, #userInfo { 25 | background: linear-gradient(to bottom, #0f1227, #0c0f23); 26 | border-radius: 10px; 27 | } 28 | 29 | #sideMenuContainer, .subMenuWell, #mainBody { 30 | background: linear-gradient(to bottom, #0f1227, #0c0f23); 31 | border-radius: 10px; 32 | } 33 | 34 | #sideMenu a { 35 | font-size: 16px; 36 | color: #fff; 37 | transition: background 0.3s; 38 | 39 | &:active { 40 | background: #030408; 41 | } 42 | 43 | &.selected { 44 | background: linear-gradient(to bottom, #3a6ea5, #3a6ea5); 45 | color: #fff; 46 | border-radius: 8px; 47 | } 48 | } 49 | 50 | input[type=text], input[type=password], input[type=url], input[type=number], input[type=email], input[type=search], select, textarea { 51 | background: #05070e; 52 | color: #fff; 53 | font-family: var(--fontFamily); 54 | border: 1px solid #3a6ea5; 55 | border-radius: 5px; 56 | padding: 8px; 57 | margin: 4px 0; 58 | } 59 | 60 | input.searchBox { 61 | background: transparent; 62 | color: #fff; 63 | border: 1px solid #3a6ea5; 64 | border-radius: 5px; 65 | padding: 8px; 66 | margin: 4px 0; 67 | } 68 | 69 | .wizardTab .wizardContents { 70 | background: linear-gradient(to bottom, #3a6ea5, var(--primaryColor)); 71 | border-bottom: 8px solid #3a6ea5; 72 | border-radius: 10px; 73 | } 74 | 75 | .wizardTab .wizardContents h2 { 76 | background: #3a6ea5; 77 | color: #fff; 78 | border-radius: 5px; 79 | padding: 10px; 80 | } 81 | 82 | .scheduleTriggerInfo { 83 | border: 1px solid #3a6ea5; 84 | background: #0f1227; 85 | border-radius: 10px; 86 | } 87 | 88 | .settingsGroup .groupBody .settingContainer { 89 | background: linear-gradient(to bottom, #0f1227, #0c0f23); 90 | color: #fff; 91 | border-radius: 10px; 92 | } 93 | -------------------------------------------------------------------------------- /Themes/SteamClassic.css: -------------------------------------------------------------------------------- 1 | /** 2 | * @title: Steam Classic 3 | * A flashback to a bygone era for Valve's game store client 4 | * 5 | * Created by KDallas | V1.0 | 09/10/2024 | AMP 2.5.x.x 6 | * | V1.1 | 09/11/2024 | AMP 2.6.0.x 7 | * | V1.2 | 14/11/2024 | AMP 2.6.0.x 8 | * https://wlab.au/ 9 | * 10 | */ 11 | .bodyTab,.tabHeaderContainer,body{background-color:#4c5844;color:rgba(255, 255, 255, 0.7)}.bodyTab .AppStatus,.tabHeaderContainer .AppStatus,body .AppStatus{color:rgba(255, 255, 255, 0.7);text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5)}.bodyTab .tabHeader:hover,.tabHeaderContainer .tabHeader:hover,body .tabHeader:hover{background-color:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.bodyTab .tabHeader.active,.bodyTab .tabHeader:active,.tabHeaderContainer .tabHeader.active,.tabHeaderContainer .tabHeader:active,body .tabHeader.active,body .tabHeader:active{background-color:#637359;border-bottom:2px solid #637359!important}.bodyTab .tabHeader.active:hover,.bodyTab .tabHeader:active:hover,.tabHeaderContainer .tabHeader.active:hover,.tabHeaderContainer .tabHeader:active:hover,body .tabHeader.active:hover,body .tabHeader:active:hover{background-color:rgba(0, 0, 0, 0.5);border-bottom:2px solid transparent!important;color:rgba(255, 255, 255, 0.5)}.bodyTab #tab_currentuser span.bgRed,.tabHeaderContainer #tab_currentuser span.bgRed,body #tab_currentuser span.bgRed{background-color:rgba(185, 0, 0, 0.8);border:1px solid rgba(185, 0, 0, 0.8);padding:1px 5px;border-radius:4px;color:rgba(255, 255, 255, 0.7)}#barTop{background-color:rgba(0, 0, 0, 0.3)}.tabHeaderContainer{border-bottom:4px solid #637359;padding-top:5px;background-color:rgba(0, 0, 0, 0.3)}.tabHeaderContainer .tabHeader.active{-webkit-box-shadow:0 22px 32px rgba(0, 0, 0, 0.8);box-shadow:0 22px 32px rgba(0, 0, 0, 0.8)}#loginContainer,#sideMenuContainer,.sideItemList{background:none;background-color:#3e4637}#loginContainer>#userInfo,#sideMenuContainer>#userInfo,.sideItemList>#userInfo{background-color:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.6);border-radius:23px 0 0 23px}#loginContainer>#loginLogo img,#sideMenuContainer>#loginLogo img,.sideItemList>#loginLogo img{background-color:rgba(0, 0, 0, 0.2);padding:20px;margin:-15px 0 0 -20px;border-radius:16px}#loginContainer .menuTitle,#sideMenuContainer .menuTitle,.sideItemList .menuTitle{color:#c4b550}#loginContainer #loginForm input{background-color:#637359}.subMenuWell{background:none;background-color:#3e4637}.subMenuWell .menuTitle{color:#c4b550}.ServerGroupContainer .ServerGroup.Online{background-color:#3e4637;border-color:#3e4637;border-radius:8px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader{background-color:#2b3126;margin:8px;border-radius:8px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader .ServerGroupName{padding-top:10px}.ServerGroupContainer .ServerGroup.Online .ServerGroupHeader .SystemInfo{right:8px}.ServerGroupContainer .ServerGroup.Online .InstanceList{margin:12px}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Blur.Offline{-webkit-filter:sepia(1) saturate(2) hue-rotate(20deg) brightness(0.2) blur(16px);filter:sepia(1) saturate(2) hue-rotate(20deg) brightness(0.2) blur(16px)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryImage.Offline{-webkit-filter:sepia(1) saturate(2) hue-rotate(20deg) brightness(0.2);filter:sepia(1) saturate(2) hue-rotate(20deg) brightness(0.2)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry{background-color:#3e4637;border-left:1px solid rgba(0, 0, 0, 0.3)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.NewServerEntry span{color:#c4b550}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusOffline{border-left-color:rgba(0, 0, 0, 0.7)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusBusy{border-left-color:#797349}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusNotice{border-left-color:#655c22}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusRunning{border-left-color:#c4b550}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry.statusFail{border-left-color:rgba(185, 0, 0, 0.8)}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgInfo{background-color:#797349;border-color:#797349}.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGreen{background-color:#c4b550;border-color:#c4b550;color:rgba(0, 0, 0, 0.5);font-weight:bold;text-shadow:2px 2px 2px rgba(255, 255, 255, 0.3)}.ServerGroupContainer .ServerGroup .ServerGroupHeader{text-shadow:2px 2px 6px rgba(0, 0, 0, 0.3)}.button,button{border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.3)}.button:hover,button:hover{background-color:rgba(0, 0, 0, 0.5)}.button#loginButton,button#loginButton{background-color:#655c22;border:1px solid #655c22}.button#loginButton:hover,button#loginButton:hover{background-color:#2b3126;border-color:#2b3126}.button.disabled,button.disabled{border:1px solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.15)}.button.disabled:hover,button.disabled:hover{background-color:rgba(0, 0, 0, 0.4);border:1px solid rgba(0, 0, 0, 0.4)}.contextMenu .flexButtonGroup .buttonListSeparator{border-bottom:1px solid #c4b550cc}.well.info{border:1px solid #c4b550cc}.well.info .mat-icon{color:#c4b550cc}a{color:rgba(0, 0, 0, 0.9)}a:hover{color:rgba(0, 0, 0, 0.8)}a:visited{color:rgba(0, 0, 0, 0.5)}.iconButton,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo{background-color:#2b3126;border-color:#2b3126}.iconButton.toggled,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray.toggled,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo.toggled{background-color:#797349;border-color:#797349}.iconButton:hover,.InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray:hover,.ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo:hover{background-color:#3e4637;border-color:#3e4637}.ServerEntryActions .iconButton{border:1px solid rgba(0, 0, 0, 0.3)}.ServerEntryActions .iconButton:nth-of-type(5){border-left:none;border-right:none}.ServerEntryActions .iconButton.bgRed{background-color:rgba(185, 0, 0, 0.8);border:1px solid rgba(185, 0, 0, 0.8)}.ServerEntryActions .iconButton.bgRed:hover{background-color:rgba(135, 0, 0, 0.7);border:1px solid rgba(135, 0, 0, 0.7)}.ServerEntryActions .iconButton.bgGreen{background-color:rgba(0, 185, 0, 0.8);border:1px solid rgba(0, 185, 0, 0.8)}.ServerEntryActions .iconButton.bgGreen:hover{background-color:rgba(0, 135, 0, 0.7);border:1px solid rgba(0, 135, 0, 0.7)}#currentSessionsTable .icon{background-color:rgba(0, 0, 0, 0.5);border-radius:24px}.bgBlue,.bgInfo,.bgPink,.bgPurple{background-color:#797349;border:1px solid #797349}.bgBlue:hover,.bgInfo:hover,.bgPink:hover,.bgPurple:hover{background-color:#3e4637;border:1px solid #3e4637}.bgAmber{background-color:#c4b550;border:1px solid #c4b550;color:rgba(0, 0, 0, 0.8)}.bgAmber:hover{background-color:#637359;border:1px solid #637359}.itemTag{background-color:#c4b55099;color:rgba(0, 0, 0, 0.8)}#mainBody{background:#4c5844}#sideMenu a{font-size:100%;color:rgba(255, 255, 255, 0.5)}#sideMenu a:active,#sideMenu a:hover{color:rgba(255, 255, 255, 0.8);background-color:rgba(0, 0, 0, 0.5)}#sideMenu a.selected{color:#c4b550;background-color:#4c5844}#sideMenu a.hasNotice{background-color:#ff88001a}#sideMenu a.hasNotice:hover{color:rgba(255, 255, 255, 0.5)}#sideMenu a.info .subtitle,#sideMenu a.info .warn{color:#c4b550}.popupTrigger,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background-color:#637359;color:rgba(0, 0, 0, 0.8);border-bottom:1px solid rgba(0, 0, 0, 0.8)}.popupTrigger::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:rgba(0, 0, 0, 0.4)}.popupTrigger:focus-visible,input[type=email]:focus-visible,input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=text]:focus-visible,input[type=url]:focus-visible,select:focus-visible,textarea:focus-visible{outline:rgba(0, 0, 0, 0.5) solid 1px}input.searchBox{background-color:transparent}input.searchBox ::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox :-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::-ms-input-placeholder{color:rgba(255, 255, 255, 0.4)}input.searchBox ::placeholder{color:rgba(255, 255, 255, 0.4)}input[type=checkbox]+span,input[type=checkbox][indeterminate]+span{background-color:#797349}input[type=checkbox]+span:after,input[type=checkbox][indeterminate]+span:after{background-color:#a7a06d}input[type=checkbox]:checked+span,input[type=checkbox][indeterminate]:checked+span{background-color:#655c22}input[type=checkbox]:checked+span:after,input[type=checkbox][indeterminate]:checked+span:after{background-color:#c4b550}#searchResults{color:rgba(255, 255, 255, 0.6);background-color:rgba(0, 0, 0, 0.8)}#searchResults .searchResultCategory .searchResultCategoryInfo{background-color:rgba(0, 0, 0, 0.5)}#searchResults .searchResult{border-bottom:1px solid gray;padding:8px;font-size:smaller}.settingsGroup .groupBody .settingContainer{background-color:#3e4637;border-color:#3e4637}.settingsGroup .groupBody .settingContainer .settingWarning{color:#c4b550;margin-top:-32px}.settingsGroup .groupBody .settingInfo{color:rgba(196, 181, 80, 0.8)}.settingsGroup .groupBody .settingLabel .settingDescription{color:rgba(255, 255, 255, 0.5)}.settingsGroup .groupBody .settingLabel .settingDescription a{color:#c4b550}.settingsGroup .groupBody .settingLabel .settingDescription a:hover{color:rgba(255, 255, 255, 0.8)}.settingsGroup .groupBody .settingLabel span.inputFieldSuffix{color:rgba(0, 0, 0, 0.5)}.settingsGroup .groupBody .settingLabel textarea{max-width:100%}.provisionSettingContainer .provisionSetting .permNodeDescription,.provisionSettingContainer .provisionSetting .settingDescription,.sideItemData .provisionSetting .permNodeDescription,.sideItemData .provisionSetting .settingDescription{color:rgba(0, 0, 0, 0.8)}.provisionSettingContainer .treeContainer,.sideItemData .treeContainer{margin-bottom:5px}.provisionSettingContainer hr,.sideItemData hr{color:rgba(0, 0, 0, 0.3)}thead{border-bottom:1px solid rgba(0, 0, 0, 0.3)}#statusActions button.bgGreen,#tab_ADSModule_Datastores button.bgGreen,#tab_auditlog button.bgGreen,#tab_LocalFileBackupPlugin_Backups button.bgGreen,#tab_schedule button.bgGreen,.modalbuttons button.bgGreen,.modalpanel button.bgGreen,.wizardTab .wizardContents button.bgGreen{padding:0 10px;background-color:#797349;border:1px solid #797349;color:rgba(255, 255, 255, 0.7)}#statusActions button.bgGreen:hover,#tab_ADSModule_Datastores button.bgGreen:hover,#tab_auditlog button.bgGreen:hover,#tab_LocalFileBackupPlugin_Backups button.bgGreen:hover,#tab_schedule button.bgGreen:hover,.modalbuttons button.bgGreen:hover,.modalpanel button.bgGreen:hover,.wizardTab .wizardContents button.bgGreen:hover{background-color:#3e4637;border:1px solid #3e4637;color:rgba(255, 255, 255, 0.5)}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:nth-child(odd){background-color:rgba(0, 0, 0, 0.3)}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:hover{background-color:#797349}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing.selected,#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing:active{background-color:#655c22}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing td:first-child{padding-left:8px}#tab_LocalFileBackupPlugin_Backups #backupsList .backupListing td:last-child{padding-right:8px}.wizardTab .wizardContents{background-color:#4c5844;border-bottom:8px solid #637359}.wizardTab .wizardContents h2{background-color:#637359}.wizardTab .wizardContents .containerWarning button.bgInfo{background-color:#888;border-color:#888}.wizardTab .wizardContents .containerWarning button.bgInfo:hover{background-color:#222;border-color:#222}.wizardTab .wizardContents .containerWarning.required{background-color:#3e4637}.wizardTab .wizardContents.wizardPopup>.iconButton{border:1px solid rgba(255, 255, 255, 0.5)!important}#tabInfo h2{margin:6px 0 0 0;font-size:1.7em;font-weight:bold;color:rgba(255, 255, 255, 0.6)}#tabInfo h4{color:rgba(255, 255, 255, 0.5)}.scheduleTriggerInfo{border:1px solid #637359;background-color:#3e4637}.scheduleTriggerInfo .scheduleTriggerDescription{background-color:#637359}.scheduleTriggerInfo .scheduleTriggerDescription .scheduleTriggerHeaderItem .scheduleHeader{color:rgba(0, 0, 0, 0.5)}.scheduleTriggerInfo .scheduleTriggerTask{border-color:#637359}.scheduleTriggerInfo .scheduleTriggerTask .iconButton:hover{background-color:#637359}.splitViewInfo.splitViewInfo{background-color:#4c5844}.itemList .item.selected{border-right:4px solid #c4b550;background-color:#4c5844;color:#c4b550}.itemList .item:hover{background-color:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}#fileManagerHeader .fmPathSegment{background-color:#3e4637}#fileManagerHeader .fmPathSegment:after{border-left:10px solid #3e4637}#fileManagerHeader .fmPathSegment:nth-child(2n){background-color:#2b3126}#fileManagerHeader .fmPathSegment:nth-child(2n):after{border-left:10px solid #2b3126}#fileManagerHeader .fmPathSegment:after,#fileManagerHeader .fmPathSegment:nth-child(2n):after{left:9px}#fileManagerHeader .fmPathSegment:hover,#fileManagerHeader .fmPathSegment:nth-child(2n):hover{background-color:#655c22;color:rgba(255, 255, 255, 0.4)}#fileManagerHeader .fmPathSegment:hover:after,#fileManagerHeader .fmPathSegment:nth-child(2n):hover:after{border-left:10px solid #655c22}#fileManagerList{background-color:rgba(0, 0, 0, 0.3)}#fileManagerList .fileManagerEntry .fileEntrySubtitle{color:rgba(255, 255, 255, 0.3)}#fileManagerList .fileManagerEntry.selected{background-color:#655c22}#fileManagerList .fileManagerEntry:hover{background:none;background-color:#797349}.consoleEntry .consoleName{color:#c4b550cc}.consoleEntry .consoleName:hover{color:#c4b550}.consoleEntry .consoleTimestamp{color:rgba(255, 255, 255, 0.4)}.datastoreContainer .datastoreItem{background-color:#3e4637;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3)}.datastoreContainer .newDatastoreItem{background-color:rgba(0, 0, 0, 0.4)}.datastoreContainer .newDatastoreItem .plusIcon{color:#c4b550cc}.bodyTab .analyticsSection .sectionHeader .headerControls div.active{color:#222}.permissionDescriptions div .description,.permNodeDescription{color:rgba(255, 255, 255, 0.6)}.modalpanel{background-color:#4c5844;border-bottom:8px solid #637359}.modalpanel #modaltitle{background-color:#3e4637}.modalpanel .modalcontents #modalsubtitle{color:rgba(255, 255, 255, 0.8);font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)}#notificationContainer{background-color:#3e4637}#notificationContainer .notificationBanner{background-color:#637359}#notificationContainer .notification:hover{background-color:rgba(0, 0, 0, 0.15)}#notificationContainer .notification .notificationProgessContainer{-webkit-box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5);box-shadow:inset 0px 1px 0px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 1px 0px 0px rgba(0, 0, 0, 0.5), inset -1px 0 0px rgba(0, 0, 0, 0.5)}#notificationContainer .notification .notificationProgessContainer .notificationProgressBar{background-color:rgba(0, 0, 0, 0.5);background-image:-webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:-o-linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%);background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.5) 14%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.5) 85%, rgba(0, 0, 0, 0.15) 85%, rgba(0, 0, 0, 0.15) 100%)}@media screen and (max-width:660px){#loginContainer>#loginLogo img{margin:0;max-width:88%}}@media screen and (min-width:661px) and (max-width:1000px){#loginContainer>#userInfo,#sideMenuContainer>#userInfo,.sideItemList>#userInfo{border-radius:0}} -------------------------------------------------------------------------------- /Themes/SteamClassic.less: -------------------------------------------------------------------------------- 1 | /** 2 | * @title: Steam Classic 3 | * A flashback to a bygone era for Valve's game store client 4 | * 5 | * Created by KDallas | V1.0 | 09/10/2024 | AMP 2.5.x.x 6 | * | V1.1 | 09/11/2024 | AMP 2.6.0.x 7 | * | V1.2 | 14/11/2024 | AMP 2.6.0.x 8 | * https://wlab.au/ 9 | * 10 | */ 11 | 12 | @steamHilite: #637359; 13 | @steamBgMain: #4c5844; 14 | @steamBg2nd: #3e4637; 15 | @steamBg3rd: #2b3126; 16 | 17 | @steamLite: #c4b550; 18 | @steamLite80: #c4b550cc; 19 | @steamLite60: #c4b55099; 20 | @noticeTrans: #ff88001a; 21 | 22 | @actionDark: #655c22; 23 | @actionMed: #797349; 24 | @actionLite: #a7a06d; 25 | 26 | @greyLight: #888; 27 | @colorActive: #222; 28 | 29 | @black90pct: rgba(0, 0, 0, 0.9); 30 | @black80pct: rgba(0, 0, 0, 0.8); 31 | @black70pct: rgba(0, 0, 0, 0.7); 32 | @black50pct: rgba(0, 0, 0, 0.5); 33 | @black40pct: rgba(0, 0, 0, 0.4); 34 | @black30pct: rgba(0, 0, 0, 0.3); 35 | @black20pct: rgba(0, 0, 0, 0.2); 36 | @black15pct: rgba(0, 0, 0, 0.15); 37 | 38 | @white30pct: rgba(255, 255, 255, 0.3); 39 | @white40pct: rgba(255, 255, 255, 0.4); 40 | @white50pct: rgba(255, 255, 255, 0.5); 41 | @white60pct: rgba(255, 255, 255, 0.6); 42 | @white70pct: rgba(255, 255, 255, 0.7); 43 | @white80pct: rgba(255, 255, 255, 0.8); 44 | 45 | @infoStandard: rgba(196, 181, 80, 0.8); 46 | @bgRedV2: rgba(185, 0, 0, 0.8); 47 | @bgRedV2Hov: rgba(135, 0, 0, 0.7); 48 | @bgGreenV2: rgba(0, 185, 0, 0.8); 49 | @bgGreenV2Hov: rgba(0, 135, 0, 0.7); 50 | 51 | 52 | body, .bodyTab, .tabHeaderContainer { 53 | background-color: @steamBgMain; 54 | color: @white70pct; 55 | 56 | .AppStatus { 57 | color: @white70pct; 58 | text-shadow: 1px 1px 3px @black50pct; 59 | } 60 | 61 | .tabHeader { 62 | &:hover { 63 | background-color: @black50pct; 64 | color: @white50pct 65 | } 66 | &.active, &:active { 67 | background-color: @steamHilite; 68 | border-bottom: 2px solid @steamHilite !important; // yeah I know... base template does this :( 69 | 70 | &:hover { 71 | background-color: @black50pct; 72 | border-bottom: 2px solid transparent !important; // yeah I know... base template does this :( 73 | color: @white50pct; 74 | } 75 | } 76 | } 77 | 78 | #tab_currentuser { 79 | span.bgRed { 80 | background-color: @bgRedV2; 81 | border: 1px solid @bgRedV2; 82 | padding: 1px 5px; 83 | border-radius: 4px; 84 | color: @white70pct; 85 | } 86 | } 87 | } 88 | 89 | #barTop { 90 | background-color: @black30pct; 91 | } 92 | 93 | .tabHeaderContainer { 94 | border-bottom: 4px solid @steamHilite; 95 | padding-top: 5px; 96 | background-color: @black30pct; 97 | 98 | .tabHeader { 99 | &.active { 100 | box-shadow: 0 22px 32px @black80pct; 101 | } 102 | } 103 | } 104 | 105 | #loginContainer, .sideItemList, #sideMenuContainer { 106 | background: none; 107 | background-color: @steamBg2nd; 108 | > #userInfo { 109 | background-color: @black30pct; 110 | color: @white60pct; 111 | border-radius: 23px 0 0 23px; 112 | } 113 | > #loginLogo img { 114 | background-color: @black20pct; 115 | padding: 20px; 116 | margin: -15px 0 0 -20px; 117 | border-radius: 16px; 118 | } 119 | .menuTitle { 120 | color: @steamLite; 121 | } 122 | } 123 | 124 | #loginContainer { 125 | #loginForm { 126 | input { 127 | background-color: @steamHilite; 128 | } 129 | } 130 | } 131 | 132 | .subMenuWell { 133 | background: none; 134 | background-color: @steamBg2nd; 135 | .menuTitle { 136 | color: @steamLite; 137 | } 138 | } 139 | 140 | .ServerGroupContainer { 141 | .ServerGroup { 142 | &.Online { 143 | background-color: @steamBg2nd; 144 | border-color: @steamBg2nd; 145 | border-radius: 8px; 146 | 147 | .ServerGroupHeader { 148 | background-color: @steamBg3rd; 149 | margin: 8px; 150 | border-radius: 8px; 151 | 152 | .ServerGroupName { 153 | padding-top: 10px; 154 | } 155 | .SystemInfo { 156 | right: 8px; 157 | } 158 | } 159 | 160 | .InstanceList { 161 | margin: 12px; 162 | 163 | .ServerEntry { 164 | .ServerEntryImage { 165 | &.Blur { 166 | &.Offline { 167 | filter: sepia(1) saturate(2) hue-rotate(20deg) brightness(0.2) blur(16px); 168 | } 169 | } 170 | &.Offline { 171 | filter: sepia(1) saturate(2) hue-rotate(20deg) brightness(0.2); 172 | } 173 | } 174 | 175 | &.NewServerEntry { 176 | background-color: @steamBg2nd; 177 | border-left: 1px solid @black30pct; 178 | span { 179 | color: @steamLite; 180 | } 181 | } 182 | 183 | &.statusOffline { 184 | border-left-color: @black70pct; 185 | } 186 | &.statusBusy { 187 | border-left-color: @actionMed; 188 | } 189 | &.statusNotice { 190 | border-left-color: @actionDark; 191 | } 192 | &.statusRunning { 193 | border-left-color: @steamLite; 194 | } 195 | &.statusFail { 196 | border-left-color: @bgRedV2; 197 | } 198 | 199 | .ServerEntryTop { 200 | .ServerEntryStatus { 201 | &.bgInfo { 202 | background-color: @actionMed; 203 | border-color: @actionMed; 204 | } 205 | &.bgGreen { 206 | background-color: @steamLite; 207 | border-color: @steamLite; 208 | color: @black50pct; 209 | font-weight: bold; 210 | text-shadow: 2px 2px 2px @white30pct; 211 | } 212 | } 213 | } 214 | } 215 | } 216 | } 217 | .ServerGroupHeader { 218 | text-shadow: 2px 2px 6px @black30pct; 219 | } 220 | } 221 | } 222 | 223 | button, .button { 224 | border: 1px solid @black30pct; 225 | background-color: @black30pct; 226 | &:hover { 227 | background-color: @black50pct; 228 | } 229 | &#loginButton { 230 | background-color: @actionDark; 231 | border: 1px solid @actionDark; 232 | &:hover { 233 | background-color: @steamBg3rd; 234 | border-color: @steamBg3rd; 235 | } 236 | } 237 | &.disabled { 238 | border: 1px solid @black15pct; 239 | background-color: @black15pct; 240 | &:hover { 241 | background-color: @black40pct; 242 | border: 1px solid @black40pct; 243 | } 244 | } 245 | } 246 | 247 | .contextMenu { 248 | .flexButtonGroup { 249 | .buttonListSeparator { 250 | border-bottom: 1px solid @steamLite80; 251 | } 252 | } 253 | } 254 | 255 | .well.info { 256 | border: 1px solid @steamLite80; 257 | .mat-icon { 258 | color: @steamLite80; 259 | } 260 | } 261 | 262 | a { 263 | color: @black90pct; 264 | &:hover { 265 | color: @black80pct; 266 | } 267 | &:visited { 268 | color: @black50pct; 269 | } 270 | } 271 | 272 | .InstanceList .ServerEntry .ServerEntryTop .ServerEntryStatus.bgGray, 273 | .ServerGroupContainer .ServerGroup.Online .InstanceList .ServerEntry .ServerEntryInfo .bgInfo, 274 | .iconButton { 275 | background-color: @steamBg3rd; 276 | border-color: @steamBg3rd; 277 | &.toggled { 278 | background-color: @actionMed; 279 | border-color: @actionMed; 280 | } 281 | &:hover { 282 | background-color: @steamBg2nd; 283 | border-color: @steamBg2nd; 284 | } 285 | } 286 | 287 | .ServerEntryActions { 288 | .iconButton { 289 | border: 1px solid @black30pct; 290 | 291 | &:nth-of-type(5) { 292 | // this is the middle button (they are floating right to left, and one has display:none) 293 | border-left: none; 294 | border-right: none; 295 | } 296 | 297 | &.bgRed { 298 | background-color: @bgRedV2; 299 | border: 1px solid @bgRedV2; 300 | &:hover { 301 | background-color: @bgRedV2Hov; 302 | border: 1px solid @bgRedV2Hov; 303 | } 304 | } 305 | 306 | &.bgGreen { 307 | background-color: @bgGreenV2; 308 | border: 1px solid @bgGreenV2; 309 | &:hover { 310 | background-color: @bgGreenV2Hov; 311 | border: 1px solid @bgGreenV2Hov; 312 | } 313 | } 314 | } 315 | } 316 | 317 | #currentSessionsTable { 318 | .icon { 319 | background-color: @black50pct; 320 | border-radius: 24px; 321 | } 322 | } 323 | 324 | .bgPurple, .bgPink, .bgInfo, .bgBlue { 325 | background-color: @actionMed; 326 | border: 1px solid @actionMed; 327 | &:hover { 328 | background-color: @steamBg2nd; 329 | border: 1px solid @steamBg2nd; 330 | } 331 | } 332 | 333 | .bgAmber { 334 | background-color: @steamLite; 335 | border: 1px solid @steamLite; 336 | color: @black80pct; 337 | &:hover { 338 | background-color: @steamHilite; 339 | border: 1px solid @steamHilite; 340 | } 341 | } 342 | 343 | .itemTag { 344 | background-color: @steamLite60; 345 | color: @black80pct; 346 | } 347 | 348 | #mainBody { 349 | background: @steamBgMain; 350 | } 351 | 352 | #sideMenu a { 353 | font-size: 100%; 354 | color: @white50pct; 355 | &:hover, &:active { 356 | color: @white80pct; 357 | background-color: @black50pct; 358 | } 359 | &.selected { 360 | color: @steamLite; 361 | background-color: @steamBgMain; 362 | } 363 | &.hasNotice { 364 | background-color: @noticeTrans; 365 | &:hover { 366 | color: @white50pct; 367 | } 368 | } 369 | &.info { 370 | .warn, .subtitle { 371 | color: @steamLite; 372 | } 373 | } 374 | } 375 | 376 | input[type=text], input[type=password], input[type=url], input[type=number], input[type=email], select, textarea, .popupTrigger { 377 | background-color: @steamHilite; 378 | color: @black80pct; 379 | border-bottom: 1px solid @black80pct; 380 | &::placeholder { 381 | color: @black40pct; 382 | } 383 | &:focus-visible { 384 | outline: @black50pct solid 1px; 385 | } 386 | } 387 | 388 | input.searchBox { 389 | background-color:transparent; 390 | ::placeholder { 391 | color: @white40pct; 392 | } 393 | } 394 | 395 | input[type=checkbox] + span, 396 | input[type=checkbox][indeterminate] + span { 397 | background-color: @actionMed; 398 | &::after { 399 | background-color: @actionLite; 400 | } 401 | } 402 | 403 | input[type=checkbox]:checked + span, 404 | input[type=checkbox][indeterminate]:checked + span { 405 | background-color: @actionDark; 406 | &::after { 407 | background-color: @steamLite; 408 | } 409 | } 410 | 411 | #searchResults { 412 | color: @white60pct; 413 | background-color: @black80pct; 414 | 415 | .searchResultCategory { 416 | .searchResultCategoryInfo { 417 | background-color: @black50pct; 418 | } 419 | } 420 | } 421 | 422 | #searchResults .searchResult { 423 | border-bottom: 1px solid gray; 424 | padding: 8px; 425 | font-size: smaller; 426 | } 427 | 428 | .settingsGroup .groupBody { 429 | .settingContainer { 430 | background-color: @steamBg2nd; 431 | border-color: @steamBg2nd; 432 | .settingWarning { 433 | color: @steamLite; 434 | margin-top: -32px; 435 | } 436 | } 437 | .settingInfo { 438 | color: @infoStandard; 439 | } 440 | .settingLabel { 441 | .settingDescription { 442 | color: @white50pct; 443 | a { 444 | color: @steamLite; 445 | &:hover { 446 | color: @white80pct; 447 | } 448 | } 449 | } 450 | span.inputFieldSuffix { 451 | color: @black50pct 452 | } 453 | textarea { 454 | max-width: 100%; 455 | } 456 | } 457 | } 458 | 459 | .provisionSettingContainer, .sideItemData { 460 | .provisionSetting { 461 | .settingDescription, .permNodeDescription { 462 | color: @black80pct; 463 | } 464 | } 465 | .treeContainer { 466 | margin-bottom: 5px; 467 | } 468 | hr { 469 | color: @black30pct; 470 | } 471 | } 472 | 473 | thead { 474 | border-bottom: 1px solid @black30pct; 475 | } 476 | 477 | .wizardTab .wizardContents, .modalpanel, .modalbuttons, 478 | #tab_auditlog, #tab_schedule, #tab_ADSModule_Datastores, #tab_LocalFileBackupPlugin_Backups, #statusActions { 479 | button.bgGreen { 480 | padding: 0 10px; 481 | background-color: @actionMed; 482 | border: 1px solid @actionMed; 483 | color: @white70pct; 484 | &:hover { 485 | background-color: @steamBg2nd; 486 | border: 1px solid @steamBg2nd; 487 | color: @white50pct; 488 | } 489 | } 490 | } 491 | 492 | #tab_LocalFileBackupPlugin_Backups { 493 | #backupsList { 494 | .backupListing { 495 | &:nth-child(odd) { 496 | background-color: @black30pct; 497 | } 498 | &:hover { 499 | background-color: @actionMed; 500 | } 501 | &:active, &.selected { 502 | background-color: @actionDark; 503 | } 504 | td:first-child { 505 | padding-left: 8px; 506 | } 507 | td:last-child { 508 | padding-right: 8px; 509 | } 510 | } 511 | } 512 | } 513 | 514 | .wizardTab .wizardContents { 515 | background-color: @steamBgMain; 516 | border-bottom: 8px solid @steamHilite; 517 | 518 | h2 { 519 | background-color: @steamHilite; 520 | } 521 | 522 | .containerWarning { 523 | button { 524 | &.bgInfo { 525 | background-color: @greyLight; 526 | border-color: @greyLight; 527 | &:hover { 528 | background-color: @colorActive; 529 | border-color: @colorActive; 530 | } 531 | } 532 | } 533 | &.required { 534 | background-color: @steamBg2nd; 535 | } 536 | } 537 | 538 | &.wizardPopup { 539 | > .iconButton { 540 | border: 1px solid @white50pct !important; 541 | } 542 | } 543 | } 544 | 545 | #tabInfo { 546 | h2 { 547 | margin: 6px 0 0 0; 548 | font-size: 1.7em; 549 | font-weight: bold; 550 | color: @white60pct; 551 | } 552 | h4 { 553 | color: @white50pct 554 | } 555 | } 556 | 557 | .scheduleTriggerInfo { 558 | border: 1px solid @steamHilite; 559 | background-color: @steamBg2nd; 560 | 561 | .scheduleTriggerDescription { 562 | background-color: @steamHilite; 563 | 564 | .scheduleTriggerHeaderItem { 565 | .scheduleHeader { 566 | color: @black50pct; 567 | } 568 | } 569 | } 570 | 571 | .scheduleTriggerTask { 572 | border-color: @steamHilite; 573 | 574 | .iconButton { 575 | &:hover { 576 | background-color: @steamHilite; 577 | } 578 | } 579 | } 580 | } 581 | 582 | .splitViewInfo.splitViewInfo { 583 | background-color: @steamBgMain; 584 | } 585 | 586 | .itemList .item { 587 | &.selected { 588 | border-right: 4px solid @steamLite; 589 | background-color: @steamBgMain; 590 | color: @steamLite; 591 | } 592 | &:hover { 593 | background-color: @black50pct; 594 | color: @white50pct; 595 | } 596 | } 597 | 598 | #fileManagerHeader .fmPathSegment { 599 | background-color: @steamBg2nd; 600 | 601 | &::after { 602 | border-left: 10px solid @steamBg2nd; 603 | } 604 | } 605 | 606 | #fileManagerHeader .fmPathSegment:nth-child(even) { 607 | background-color: @steamBg3rd; 608 | &::after { 609 | border-left: 10px solid @steamBg3rd; 610 | } 611 | } 612 | 613 | #fileManagerHeader .fmPathSegment, 614 | #fileManagerHeader .fmPathSegment:nth-child(even) { 615 | &::after { 616 | left: 9px; 617 | } 618 | &:hover { 619 | background-color: @actionDark; 620 | color: @white40pct; 621 | &::after { 622 | border-left: 10px solid @actionDark; 623 | } 624 | } 625 | } 626 | 627 | #fileManagerList { 628 | background-color: @black30pct; 629 | .fileManagerEntry { 630 | .fileEntrySubtitle { 631 | color: @white30pct; 632 | } 633 | &.selected { 634 | background-color: @actionDark; 635 | } 636 | &:hover { 637 | background: none; 638 | background-color: @actionMed; 639 | } 640 | } 641 | } 642 | 643 | .consoleEntry { 644 | .consoleName { 645 | color: @steamLite80; 646 | &:hover { 647 | color: @steamLite; 648 | } 649 | } 650 | .consoleTimestamp { 651 | color: @white40pct; 652 | } 653 | } 654 | 655 | .datastoreContainer { 656 | .datastoreItem { 657 | background-color: @steamBg2nd; 658 | text-shadow: 2px 2px 2px @black30pct; 659 | } 660 | .newDatastoreItem { 661 | background-color: @black40pct; 662 | .plusIcon { 663 | color: @steamLite80; 664 | } 665 | } 666 | } 667 | 668 | .bodyTab .analyticsSection .sectionHeader .headerControls div.active { 669 | color: @colorActive; 670 | } 671 | 672 | .permissionDescriptions div .description, 673 | .permNodeDescription { 674 | color: @white60pct; 675 | } 676 | 677 | .modalpanel { 678 | background-color: @steamBgMain; 679 | border-bottom: 8px solid @steamHilite; 680 | 681 | #modaltitle { 682 | background-color: @steamBg2nd; 683 | } 684 | 685 | .modalcontents { 686 | #modalsubtitle { 687 | color: @white80pct; 688 | font-weight: bold; 689 | text-shadow: 1px 1px 2px @black50pct; 690 | } 691 | } 692 | } 693 | 694 | #notificationContainer { 695 | background-color: @steamBg2nd; 696 | 697 | .notificationBanner { 698 | background-color: @steamHilite; 699 | } 700 | 701 | .notification { 702 | &:hover { 703 | background-color: @black15pct; 704 | } 705 | 706 | .notificationProgessContainer { 707 | box-shadow: inset 0px 1px 0px @black50pct, inset 0px -1px 0px @black50pct, inset 1px 0px 0px @black50pct, inset -1px 0 0px @black50pct; 708 | 709 | .notificationProgressBar { 710 | background-color: @black50pct; 711 | background-image: linear-gradient(45deg, @black15pct 14%, @black50pct 14%, @black50pct 40%, @black15pct 40%, @black15pct 60%, @black50pct 60%, @black50pct 85%, @black15pct 85%, @black15pct 100%); 712 | } 713 | } 714 | } 715 | } 716 | 717 | 718 | @media screen and (max-width: 660px) { 719 | #loginContainer { 720 | > #loginLogo img { 721 | margin: 0; 722 | max-width: 88%; 723 | } 724 | } 725 | } 726 | 727 | @media screen and (min-width: 661px) and (max-width: 1000px) { 728 | #loginContainer, .sideItemList, #sideMenuContainer { 729 | > #userInfo { 730 | border-radius: 0; 731 | } 732 | } 733 | } 734 | -------------------------------------------------------------------------------- /Themes/default.css: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /Themes/dracula.css: -------------------------------------------------------------------------------- 1 | /*Theme created by NebulaBC*/ 2 | 3 | body, 4 | .bodyTab { 5 | background-color: #44475a; 6 | } 7 | #loginContainer, 8 | .sideItemList { 9 | background-color: #282a36; 10 | } 11 | #barTop, 12 | #userInfo { 13 | background-color: #282a36; 14 | } 15 | #sideMenuContainer, 16 | .subMenuWell, 17 | #mainBody { 18 | background: #282a36; 19 | color: #f8f8f2; 20 | } 21 | #sideMenu a { 22 | font-size: 100%; 23 | color: #f8f8f2; 24 | } 25 | #sideMenu a:active { 26 | background-color: #bd93f9; 27 | } 28 | #sideMenu a.selected { 29 | background-color: #7440bf; 30 | color: #f8f8f2; 31 | } 32 | .button { 33 | background-color: transparent; 34 | color: white; 35 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 36 | font-weight: lighter; 37 | font-size: larger; 38 | border: 1px solid #7440bf; 39 | min-width: 96px; 40 | cursor: pointer; 41 | outline: none; 42 | height: 48px; 43 | margin-right: 8px; 44 | transition: background-color 0.3s; 45 | box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); 46 | border-radius: 4px; 47 | } 48 | button:hover, 49 | input[type=button]:hover, 50 | input[type=submit]:hover, 51 | .button:hover { 52 | background-color: #7440bf; 53 | } 54 | button:active, 55 | input[type=button]:active, 56 | input[type=submit]:active, 57 | .button:active { 58 | background-color: #7440bf; 59 | } 60 | button span, 61 | input[type=button] span, 62 | input[type=submit] span, 63 | .button span { 64 | line-height: 100%; 65 | } 66 | button { 67 | border: transparent; 68 | } 69 | 70 | .ServerGroup.Online .ServerGroupHeader { 71 | background: #7440bf !important; 72 | } 73 | .ServerGroup.Offline .ServerGroupHeader, 74 | .ServerGroup.Unavailable .ServerGroupHeader { 75 | background: #ff5555 !important; 76 | } 77 | .ServerGroup.Pending .ServerGroupHeader { 78 | background: #ffb86c !important; 79 | } 80 | 81 | .bgGreen { 82 | background-color: #7440bf !important; 83 | border: 1px solid #7440bf !important; 84 | } 85 | 86 | .bgRed { 87 | background-color: #ff5555 !important; 88 | border: 1px solid #ff5555 !important; 89 | } 90 | 91 | .ServerEntry.NewServerEntry { 92 | background-color: #7440bf !important; 93 | text-align: center; 94 | } 95 | 96 | input[type=text], 97 | input[type=password], 98 | input[type=url], 99 | input[type=number], 100 | input[type=email], 101 | input[type=search], 102 | select, 103 | .modalpanel { 104 | background-color: #44475a; 105 | } 106 | .modalpanel #modaltitle { 107 | background-color: #282a36; 108 | padding: 8px 16px; 109 | margin: 0; 110 | } 111 | textarea { 112 | background-color: #282a36; 113 | } 114 | input.searchBox { 115 | background-color: transparent; 116 | } 117 | .wizardTab .wizardContents { 118 | background-color: #282a36; 119 | border-bottom: 8px solid #282a36; 120 | } 121 | .wizardTab .wizardContents h2 { 122 | background-color: #282a36; 123 | } 124 | .scheduleTriggerInfo { 125 | border: 1px solid #282a36; 126 | background-color: #282a36; 127 | } 128 | .settingsGroup .groupBody .settingContainer { 129 | background-color: #282a36; 130 | } 131 | -------------------------------------------------------------------------------- /Themes/geckogreen.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --gecko: #39FF14; 3 | --halfgecko: #1D800A; 4 | --quartergecko: #0F4005; 5 | } 6 | 7 | body, 8 | .bodyTab { 9 | background-color: black; 10 | } 11 | 12 | /*Button Things*/ 13 | button, input[type=button], input[type=submit], .button { 14 | border: 1px solid var(--halfgecko); 15 | /* color: var(--gecko);*/ 16 | } 17 | button:active, input[type=button]:active, input[type=submit]:active, .button:active { 18 | background-color: var(--halfgecko); 19 | } 20 | button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover { 21 | background-color: var(--halfgecko); 22 | } 23 | 24 | /*Text Formatting*/ 25 | h1, h2, h3, h4, h5, h6, th, .lf { 26 | color: var(--gecko); 27 | } 28 | /*.bodyTab { 29 | color: var(--gecko); 30 | }*/ 31 | 32 | #loginContainer, 33 | .sideItemList { 34 | background-color: black; 35 | } 36 | 37 | /*User Info*/ 38 | #barTop, 39 | #userInfo { 40 | background-color: var(--halfgecko); 41 | color: var(--gecko); 42 | } 43 | #userInfo:active { 44 | background-color: var(--quartergecko); 45 | } 46 | #userInfo:hover { 47 | background-color: var(--quartergecko); 48 | } 49 | 50 | 51 | #sideMenuContainer, 52 | .subMenuWell, 53 | #mainBody { 54 | background: var(--quartergecko); 55 | } 56 | #sideMenu a { 57 | font-size: 100%; 58 | color: var(--gecko); 59 | } 60 | #sideMenu a:active { 61 | background-color: black; 62 | } 63 | #sideMenu a.selected { 64 | background-color: var(--halfgecko); 65 | color: var(--gecko); 66 | } 67 | 68 | input[type=text], 69 | input[type=password], 70 | input[type=number], 71 | input[type=email], 72 | input[type=search], 73 | input[type=url], 74 | select, 75 | textarea { 76 | background-color: black; 77 | } 78 | 79 | 80 | /*Console Formatting*/ 81 | #consoleLineEntry { 82 | color: var(--gecko); 83 | } 84 | .consoleContents, .consoleContents pre { 85 | color: var(--gecko); 86 | } 87 | .consoleEntry, .consoleContents { 88 | color: var(--gecko); 89 | } 90 | .consoleTimestamp { 91 | color: var(--halfgecko); 92 | } 93 | 94 | input.searchBox { 95 | background-color: transparent; 96 | } 97 | .wizardTab .wizardContents { 98 | background-color: #222; 99 | border-bottom: 8px solid #444; 100 | } 101 | .wizardTab .wizardContents h2 { 102 | background-color: #444; 103 | } 104 | 105 | /*Instance Page*/ 106 | #tab_ADSModule_Instances 107 | .ServerEntry.NewServerEntry { 108 | background-color: var(--halfgecko); 109 | } 110 | 111 | /*Scheduler*/ 112 | #tab_schedule.bodyTab 113 | .scheduleTriggerDescription { 114 | background-color: var(--halfgecko); 115 | } 116 | #tab_schedule.bodyTab 117 | .scheduleTriggerInfo { 118 | border: 1px solid var(--quartergecko); 119 | background-color: var(--quartergecko); 120 | } 121 | #tab_schedule.bodyTab 122 | .scheduleTriggerTask { 123 | border-bottom: 1px solid var(--halfgecko); 124 | } 125 | #tab_schedule.bodyTab 126 | .scheduleTriggerTaskDropper { 127 | background-color: var(--quartergecko); 128 | border: 1px solid var(--quartergecko); 129 | } 130 | #tab_schedule.bodyTab 131 | .scheduleTriggerHeaderItem .scheduleHeader { 132 | color: var(--quartergecko); 133 | } 134 | #tab_schedule.bodyTab 135 | .scheduleTriggerHeaderItem { 136 | color: var(--quartergecko); 137 | } 138 | 139 | 140 | /*Tab Menus*/ 141 | .settingsGroup .groupBody .settingContainer { 142 | background-color: var(--quartergecko); 143 | } 144 | 145 | /*File Manager*/ 146 | #tab_FileManagerPlugin_FileManager 147 | .fmPathSegment:active { 148 | background-color: var(--quartergecko); 149 | } 150 | #tab_FileManagerPlugin_FileManager 151 | .fmPathSegment:hover { 152 | background-color: var(--halfgecko); 153 | } 154 | #tab_FileManagerPlugin_FileManager 155 | .fmPathSegment:nth-child(even) { 156 | background-color: var(--quartergecko); 157 | } 158 | #tab_FileManagerPlugin_FileManager 159 | .fmPathSegment::after { 160 | border-left: 10px solid var(--halfgecko); 161 | } 162 | #tab_FileManagerPlugin_FileManager 163 | .fmPathSegment:nth-child(even)::after { 164 | border-left-color: var(--quartergecko); 165 | } 166 | #tab_FileManagerPlugin_FileManager 167 | .fmPathSegment { 168 | background-color: var(--halfgecko); 169 | } 170 | 171 | /*Notifications*/ 172 | #notificationContainer { 173 | background-color: var(--halfgecko); 174 | border: 1px solid rgba(255, 255, 255, 0.2); 175 | box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); 176 | color: var(--gecko); 177 | } 178 | #notificationContainer .notificationBanner { 179 | background-color: var(--quartergecko); 180 | } 181 | #notificationContainer .notification { 182 | border-bottom: 1px solid var(--quartergecko); 183 | } 184 | #notificationContainer .notification.failed { 185 | background-color: #833; 186 | } 187 | #notificationContainer .notification:hover { 188 | background-color: var(--quartergecko); 189 | } 190 | #notificationContainer .notification:hover.failed { 191 | background-color: #A55; 192 | } 193 | #notificationContainer .notification .notificationTitle { 194 | color: var(--gecko); 195 | } 196 | #notificationContainer .notification .notificationTitle button { 197 | background-color: #633; 198 | border: 1px solid #900; 199 | color: #fff; 200 | } 201 | .notificationProgessContainer { 202 | border: 1px solid var(--quartergecko); 203 | } 204 | .notificationProgressBar { 205 | background-color: black; 206 | } 207 | -------------------------------------------------------------------------------- /Themes/gruvbox.css: -------------------------------------------------------------------------------- 1 | /*Theme created by NebulaBC*/ 2 | 3 | body, 4 | .bodyTab { 5 | background-color: #1d2021; 6 | } 7 | #loginContainer, 8 | .sideItemList { 9 | background-color: #282828; 10 | } 11 | #barTop, 12 | #userInfo { 13 | background-color: #282828; 14 | } 15 | #sideMenuContainer, 16 | .subMenuWell, 17 | #mainBody { 18 | background: #282828; 19 | color: #f8f8f2; 20 | } 21 | #sideMenu a { 22 | font-size: 100%; 23 | color: #f8f8f2; 24 | } 25 | #sideMenu a:active { 26 | background-color: #928374; 27 | } 28 | #sideMenu a.selected { 29 | background-color: #928374; 30 | color: #f8f8f2; 31 | } 32 | .button { 33 | background-color: transparent; 34 | color: white; 35 | font-family: "roboto-light", "Segoe UI Light", "Segoe UI", Calibri, Verdana, Geneva, "DejaVu Sans", sans-serif; 36 | font-weight: lighter; 37 | font-size: larger; 38 | border: 1px solid #928374; 39 | min-width: 96px; 40 | cursor: pointer; 41 | outline: none; 42 | height: 48px; 43 | margin-right: 8px; 44 | transition: background-color 0.3s; 45 | box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5); 46 | border-radius: 4px; 47 | } 48 | button:hover, 49 | input[type=button]:hover, 50 | input[type=submit]:hover, 51 | .button:hover { 52 | background-color: #928374; 53 | } 54 | button:active, 55 | input[type=button]:active, 56 | input[type=submit]:active, 57 | .button:active { 58 | background-color: #a89984; 59 | } 60 | button span, 61 | input[type=button] span, 62 | input[type=submit] span, 63 | .button span { 64 | line-height: 100%; 65 | } 66 | button { 67 | border: transparent; 68 | } 69 | 70 | .ServerGroup.Online .ServerGroupHeader { 71 | background: #928374 !important; 72 | } 73 | .ServerGroup.Offline .ServerGroupHeader, 74 | .ServerGroup.Unavailable .ServerGroupHeader { 75 | background: #fb4934 !important; 76 | } 77 | .ServerGroup.Pending .ServerGroupHeader { 78 | background: #fabd2f !important; 79 | } 80 | 81 | .bgGreen { 82 | background-color: #928374 !important; 83 | border: 1px solid #928374 !important; 84 | } 85 | 86 | .bgRed { 87 | background-color: #fb4934 !important; 88 | border: 1px solid #fb4934 !important; 89 | } 90 | 91 | .ServerEntry.NewServerEntry { 92 | background-color: #928374!important; 93 | text-align: center; 94 | } 95 | 96 | 97 | input[type=text], 98 | input[type=password], 99 | input[type=url], 100 | input[type=number], 101 | input[type=email], 102 | input[type=search], 103 | select, 104 | .modalpanel { 105 | background-color: #1d2021; 106 | } 107 | .modalpanel #modaltitle { 108 | background-color: #282828; 109 | padding: 8px 16px; 110 | margin: 0; 111 | } 112 | textarea { 113 | background-color: #282828; 114 | } 115 | input.searchBox { 116 | background-color: transparent; 117 | } 118 | .wizardTab .wizardContents { 119 | background-color: #1d2021; 120 | border-bottom: 8px solid #282828; 121 | } 122 | .wizardTab .wizardContents h2 { 123 | background-color: #282828; 124 | } 125 | .scheduleTriggerInfo { 126 | border: 1px solid #282828; 127 | background-color: #1d2021; 128 | } 129 | .settingsGroup .groupBody .settingContainer { 130 | background-color: #1d2021; 131 | } 132 | -------------------------------------------------------------------------------- /Themes/purplehaze.css: -------------------------------------------------------------------------------- 1 | /*Theme created by Only_a_Shadow*/ 2 | 3 | /* 4 | !!!IMPORTANT NOTE!!! 5 | THE "forgotLogin" IS SHOW IN THE THEME 6 | I DONT NEED THIS IN MY CASE, 7 | IF YOU ALSO DONT NEED IT REMOVE THE COMMENT STAR AND BACKSLASH 8 | AROUND THE DIV-SELECTOR (Search with Ctrl+F) 9 | */ 10 | 11 | /* 12 | Colors: 13 | Red:...........be2e2e 14 | Darkred:.......852222 15 | Fadered:.......520505 16 | Green:.........219243 17 | Darkgreen:.....197033 18 | Purple:........301180 19 | Lightpurple:...493383 20 | Darkpurple:....211441 21 | Background:....0c091c 22 | FADE: linear-gradient(#30118099, #52050599) 23 | FADE: LOW linear-gradient(0, rgba(0, 0, 0, 0.3), transparent) 24 | Darker: rgba(0, 0, 0, 0.3); 25 | */ 26 | 27 | 28 | /* Branding */ 29 | .ModuleAuthor::after{ content:' (Theme: Purple Haze - by Only_a_Shadow)'; } 30 | 31 | 32 | /* MAIN */ 33 | body { 34 | background-color: #0c091c; 35 | } 36 | a { 37 | color: #ffffff; 38 | } 39 | a:hover { 40 | color: #e2e2e2; 41 | } 42 | a:active { 43 | color: #ffffff; 44 | } 45 | a:visited { 46 | color: #ffffff; 47 | } 48 | h1, 49 | h2, 50 | h3, 51 | h4, 52 | h5, 53 | h6, 54 | th, 55 | .lf { 56 | margin-left: 4px; 57 | } 58 | table.rowSelect tbody tr:hover { 59 | background-color: rgba(255, 255, 255, 0.1); 60 | } 61 | #bgtext { 62 | position: fixed; 63 | left: 0px; 64 | margin-left: 0px; 65 | text-align: center; 66 | border-top: 0px solid rgba(255, 255, 255, 0.2); 67 | width: 234px; 68 | } 69 | 70 | 71 | /* First Time Guide */ 72 | #firstTimeGuide .sectionDivision { 73 | background-color: #301180 !important; 74 | } 75 | 76 | 77 | /* Login Screen */ 78 | #loginContainer { 79 | position: absolute; 80 | background-color: #301180; 81 | padding: 0px 0px 0px 0px; 82 | border-radius: 16px 16px 16px 16px; 83 | box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.329); 84 | } 85 | #loginContainer, 86 | #loginContainer.sideItemList { 87 | background-color: #ffffff01; 88 | background-image: linear-gradient(#30118099, #52050599); 89 | position: absolute; 90 | left: 50%; 91 | top: 50%; 92 | transform: translate(-50%, -50%); 93 | padding-left: 30px; 94 | padding-right: 30px; 95 | text-align: center; 96 | } 97 | #loginContainer button { 98 | width: 100%; 99 | border: 0px solid #08000f; 100 | border-radius: 8px; 101 | margin-top:10px; 102 | background-image: none; 103 | } 104 | #loginForm input { 105 | background-color: #0c091c; 106 | border: 3px solid #301180; 107 | border-radius: 8px; 108 | text-align: center; 109 | } 110 | /* 111 | #forgotLogin{ 112 | display: none !important; 113 | } 114 | */ 115 | #loginLogo{ 116 | margin-top: 64px; 117 | } 118 | #loginFailureReason { 119 | background-color: #be2e2e; 120 | border-radius: 6px; 121 | margin-top: 0px !important; 122 | } 123 | #loginModuleInfo { 124 | opacity: 1; 125 | } 126 | 127 | 128 | /* Menu */ 129 | #barTop, 130 | #barBottom { 131 | background-image: linear-gradient(#2e156d99, #301180bb); 132 | background-color: #272727; 133 | } 134 | #barTop #topSearchBox { 135 | margin-left: auto; 136 | transition: all 0.25s; 137 | } 138 | #barTop #tabInfo h2 { 139 | white-space: nowrap; 140 | overflow: hidden; 141 | } 142 | #barTop #topSearchBox #searchResults { 143 | border-left: 3px solid #301180; 144 | border-bottom: 3px solid #301180; 145 | background-color: #211441; 146 | border-radius: 0 0 0 8px; 147 | box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); 148 | } 149 | #barTop #topSearchBox .searchResult { 150 | border-bottom: 2px solid #493383; 151 | transition: all 0.25s; 152 | } 153 | #userInfo { 154 | background-image: linear-gradient(#2e156d99, #301180bb); 155 | background-color: #272727; 156 | transition: all 0.25s; 157 | } 158 | #userInfo:hover { 159 | background-color: rgba(0, 0, 0, 1); 160 | } 161 | #userInfo:active { 162 | background-color: #272727; 163 | } 164 | #userInfo .icon, 165 | #userInfo span { 166 | margin-left: 16px; 167 | } 168 | button, 169 | input[type=button], 170 | input[type=submit], 171 | .button { 172 | background-color: #411ca0; 173 | border: 0px; 174 | min-width: 130px; 175 | } 176 | button:hover, 177 | input[type=button]:hover, 178 | input[type=submit]:hover, 179 | .button:hover { 180 | background-color: #301180; 181 | } 182 | button:active, 183 | input[type=button]:active, 184 | input[type=submit]:active, 185 | .button:active { 186 | background-color: #411ca0; 187 | } 188 | label.radioButtons input[type=radio] ~ span { 189 | background-color: #00000000; 190 | border: 3px solid #211441; 191 | border-radius: 6px; 192 | transition: all 0.25s; 193 | } 194 | label.radioButtons input[type=radio] ~ span:hover { 195 | background-color: rgba(0, 0, 0, 0.2); 196 | border: 3px solid rgba(255, 255, 255, 0.75); 197 | } 198 | label.radioButtons input[type=radio] ~ span:active { 199 | background-color: #00000000; 200 | } 201 | label.radioButtons input[type=radio]:checked ~ span, 202 | label.checkButtons input[type=checkbox]:checked ~ span:last-of-type{ 203 | background-color: #411ca0 !important; 204 | color: #ffffff !important; 205 | } 206 | 207 | .iconButton { 208 | transition: all 0.25s; 209 | } 210 | .iconButton:hover { 211 | background-color: rgba(255, 255, 255, 0.1); 212 | } 213 | .icons_add_item { 214 | background-color: transparent; 215 | } 216 | .icons_add_item:hover { 217 | background-color: transparent; 218 | } 219 | .icons_remove { 220 | background-color: transparent; 221 | } 222 | .icons_remove:hover { 223 | background-color: transparent; 224 | } 225 | .slideIcon:hover span { 226 | top: -50px; 227 | } 228 | .bgRed { 229 | background-color: #be2e2e; 230 | border: 1px solid #be2e2e; 231 | border: transparent; 232 | transition: all 0.25s; 233 | } 234 | .bgRed:hover { 235 | background-color: #920000; 236 | } 237 | .bgRed:active { 238 | background-color: #be2e2e; 239 | } 240 | button { 241 | border: transparent; 242 | margin-right: 4px; 243 | } 244 | .bgGreen { 245 | background-color: #219243; 246 | border: 1px solid #219243; 247 | border: transparent; 248 | transition: all 0.25s; 249 | } 250 | .bgGreen:hover { 251 | background-color: #197033; 252 | } 253 | .bgGreen:active { 254 | background-color: #219243; 255 | } 256 | input[type=text], 257 | input[type=password], 258 | input[type=url], 259 | input[type=number], 260 | input[type=email], 261 | select, 262 | textarea { 263 | border-radius: 6px; 264 | border-bottom: none; 265 | border: 4px solid #301180; 266 | background-color: #0c091c; 267 | box-shadow: none; 268 | } 269 | input[type=checkbox]:checked + span { 270 | background-color: #197033; 271 | } 272 | input[type=checkbox]:checked + span::after { 273 | background-color: #219243; 274 | } 275 | #mainBody { 276 | background-image: linear-gradient(#301180bb, #52050599); 277 | background-color: #272727; 278 | } 279 | .bodyTab { 280 | background: #0c091c; 281 | } 282 | .wizardTab { 283 | left: 0 !important; 284 | } 285 | .wizardTab .wizardContents { 286 | background-color: #211441; 287 | background-image: linear-gradient(0, rgba(0, 0, 0, 0.3), transparent); 288 | border: 4px solid #6e0000; 289 | border-radius: 15px; 290 | } 291 | .wizardTab .wizardContents h2 { 292 | text-align: center; 293 | background-color: #be2e2e; 294 | } 295 | 296 | 297 | /* Updates */ 298 | #updateAvailable { 299 | text-align: center; 300 | text-wrap: balance; 301 | } 302 | #updateAvailable button { 303 | min-width: 100px; 304 | font-size: 10pt; 305 | border: 3px solid rgb(255, 255, 255, 0.25); 306 | transition: all 0.25s; 307 | } 308 | #updateAvailable button:hover { 309 | border: 3px solid rgb(255, 255, 255, 0.75); 310 | background-color: #00000000; 311 | color: #ffffff 312 | } 313 | #updateAvailable button:active { 314 | background-color: rgb(0, 0, 0, 0.3); 315 | } 316 | 317 | 318 | /* Notifications */ 319 | #notificationContainer { 320 | background-color: #211441; 321 | border: 3px solid #301180; 322 | border-radius: 6px; 323 | } 324 | #notificationContainer .notificationBanner { 325 | background-color: rgba(0, 0, 0, 0.3); 326 | } 327 | #notificationContainer .notification { 328 | transition: all 0.25s; 329 | border-bottom: 2px solid #493383; 330 | } 331 | #notificationContainer .notification:hover { 332 | background-color: rgb(255, 255, 255, 0.1); 333 | } 334 | .notificationProgessContainer { 335 | border: 1px solid #493383; 336 | } 337 | .notificationProgressBar { 338 | background-color: #493383; 339 | } 340 | #notificationContainer .notification:last-child { 341 | border: 0px; 342 | } 343 | 344 | /* Server Entry */ 345 | .ServerEntry { 346 | border: 3px solid #211441 !important; 347 | transition: all 0.2s !important; 348 | background-color: #00000000; 349 | background-repeat: no-repeat; 350 | } 351 | .ServerEntry.NewServerEntry { 352 | background-color: #211441 !important; 353 | /* background-image: linear-gradient(#301180bb, #52050599); */ 354 | } 355 | .ServerEntry:hover { 356 | border: 3px solid rgba(255, 255, 255, 0.75) !important; 357 | } 358 | 359 | 360 | /* Side Menu */ 361 | #sideMenuContainer, 362 | .subMenuWell { 363 | height: 96.7%; 364 | margin-bottom: 48px; 365 | background-image: linear-gradient(#301180bb, #52050599); 366 | background-color: #272727; 367 | } 368 | .appear { 369 | margin-top: 0px; 370 | } 371 | .pushBack { 372 | background-color: #235477 !important; 373 | margin-top: 0px; 374 | top: 0px; 375 | } 376 | .subMenuWell { 377 | margin-top: 48px; 378 | top: 0px; 379 | } 380 | .menuTitle { 381 | color: rgb(255, 255, 255); 382 | text-align: center; 383 | font-weight: bold; 384 | } 385 | #sideMenu { 386 | top: 0px; 387 | } 388 | #sideMenu a:active { 389 | background-color: rgb(0, 0, 0, 25%); 390 | } 391 | #sideMenu a.selected { 392 | box-shadow: inset 8px 0 8px 5px rgba(29, 29, 29, 0.24); 393 | } 394 | a[href="#tab_support"] { 395 | line-height: 24px !important; 396 | } 397 | 398 | /* Instances */ 399 | .ServerGroupContainer { 400 | display: flex; 401 | flex-wrap: wrap; 402 | grid-gap: 16px; 403 | flex-grow: 1; 404 | } 405 | .ServerGroupOnline, 406 | .ServerGroupHeader { 407 | background: #219243 !important; 408 | } 409 | .ServerEntry .ServerEntryStatus img { 410 | height: 14px !important; 411 | float: right; 412 | margin-right: 4px; 413 | margin-top: 2px; 414 | } 415 | 416 | 417 | /* Datastore */ 418 | .datastoreContainer { 419 | display: grid !important; 420 | grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); 421 | grid-gap: 14px !important; 422 | } 423 | .datastoreItem { 424 | background-color: #211441 !important; 425 | border: 3px solid transparent !important; 426 | transition: all 0.2s !important; 427 | background-repeat: no-repeat; 428 | } 429 | .datastoreItem:hover{ 430 | border: 3px solid rgba(255, 255, 255, 0.75) !important; 431 | } 432 | #consoleLineEntry { 433 | border-bottom: 3px solid #301180; 434 | border-radius: 6px !important; 435 | } 436 | .consoleTimestamp { 437 | color: #6748b4; 438 | } 439 | 440 | 441 | /* Scheduler */ 442 | .scheduleTriggerInfo { 443 | border-radius: 6px; 444 | border: 3px solid #211441; 445 | background-color: #211441; 446 | background-image: linear-gradient(0, rgba(0, 0, 0, 0.3), transparent); 447 | } 448 | .scheduleTriggerDescription { 449 | background-color: rgba(0, 0, 0, 0.3); 450 | } 451 | .scheduleTriggerHeaderItem .scheduleHeader { 452 | color: #ffffff; 453 | font-weight: 700; 454 | } 455 | .scheduleTriggerTask { 456 | border-bottom: 1px solid #493383; 457 | } 458 | .scheduleTriggerTaskDropper { 459 | background-color: #00000000; 460 | border: 0px solid #00000000; 461 | } 462 | .scheduleParam { 463 | background-color: #493383; 464 | color: #ffffff; 465 | } 466 | .timeSegment { 467 | background-color: rgba(255, 255, 255, 0.1); 468 | color: #ffffff; 469 | border: 2px solid #211441; 470 | } 471 | .timeSegment:hover { 472 | color: #ffffff; 473 | background-color: rgba(255, 255, 255, 0.1); 474 | border: 2px solid rgb(255, 255, 255, 0.75); 475 | } 476 | .timeSegment:active { 477 | background-color: rgba(255, 255, 255, 0.3); 478 | } 479 | .timeSegment.selected { 480 | background-color: #301180; 481 | } 482 | .timeSegment.selected:hover { 483 | color: #ffffff; 484 | background-color: #301180; 485 | border: 2px solid rgb(255, 255, 255, 0.75); 486 | } 487 | .timeSegment.selected:active { 488 | background-color: #493383; 489 | } 490 | .segmentKeyContainer { 491 | width: 220px; 492 | text-align: center; 493 | } 494 | 495 | 496 | /* File Manager */ 497 | .fmPathSegment { 498 | background-color: #211441 !important; 499 | transition: all 0.25s; 500 | } 501 | .fmPathSegment:hover { 502 | background: #493383 !important; 503 | } 504 | .fmPathSegment:active { 505 | background: #211441 !important; 506 | } 507 | .fmPathSegment::after { 508 | border-left: 10px solid #211441 !important; 509 | } 510 | .fileManagerEntry { 511 | transition: all 0.25s; 512 | } 513 | .fileManagerEntry:hover { 514 | background: rgb(255, 255, 255, 0.1) !important; 515 | } 516 | .fileManagerEntry:active, 517 | .fileManagerEntry.selected, 518 | .fileManagerEntry.selected:hover{ 519 | background-color: #219243 !important; 520 | } 521 | #editorFilename { 522 | color: #FF7B07 !important; 523 | font-weight: 700 !important; 524 | } 525 | button.toolIconButton:hover, 526 | input[type=button].toolIconButton:hover, 527 | input[type=submit].toolIconButton:hover, 528 | .button.toolIconButton:hover { 529 | background-color: rgba(255, 255, 255, 0.1); 530 | } 531 | 532 | 533 | 534 | /* Configuration */ 535 | .settingsGroup .groupBody .settingContainer { 536 | background-color: #211441; 537 | } 538 | .settingsGroup .groupBody .settingLabel span.inputFieldSuffix { 539 | bottom: 10px; 540 | } 541 | 542 | 543 | /* Modal */ 544 | .modalbg { 545 | background-image: none !important; 546 | } 547 | .modalcontents.twoFactorInput { 548 | text-align: center; 549 | } 550 | div.twoFactorInput { 551 | text-align: center; 552 | } 553 | #modalPromptInput.twoFactorInput { 554 | width: 5em; 555 | text-align: center; 556 | border: 2px solid #6e0000; 557 | border-radius: 6px; 558 | box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.5); 559 | } 560 | #modalmessage { 561 | text-align: center; 562 | } 563 | .modalpanel { 564 | background-color: #0c091c;; 565 | border: 3px solid #6e0000; 566 | border-radius: 15px; 567 | width: 400px; 568 | box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.5); 569 | transition: none; 570 | } 571 | .modalpanel.visible { 572 | border-radius: 15px; 573 | position: absolute; 574 | left: 50%; 575 | top: 50%; 576 | transform: translate(-50%, -50%); 577 | transition: none; 578 | } 579 | .modalpanel img { 580 | display: none !important; 581 | } 582 | .modalpanel #modaltitle { 583 | border-top-left-radius: 14px; 584 | border-top-right-radius: 14px; 585 | background-color: #be2e2e; 586 | text-align: center; 587 | } 588 | .modalpanel .modalcontents { 589 | padding: 16px; 590 | } 591 | #modalsubtitle { 592 | left: 0px; 593 | text-align: center; 594 | } 595 | .modalbuttons { 596 | flex-direction: row; 597 | justify-content: center; 598 | padding: 0px !important; 599 | padding-bottom: 20px !important; 600 | padding-right: 20px !important; 601 | padding-left: 20px !important; 602 | } 603 | .modalbuttons button { 604 | margin-right: 4px !important; 605 | min-width: 150px; 606 | } 607 | 608 | 609 | /* Trees */ 610 | .treeItemText:hover { 611 | background-color: #493383; 612 | } 613 | .permNodeSelection { 614 | transition: all 0.25s; 615 | } 616 | .permNodeSelection.denied { 617 | background-color: #be2e2e; 618 | border: 1px solid #be2e2e; 619 | } 620 | .permNodeSelection.denied:hover { 621 | background-color: #852222; 622 | } 623 | .permNodeSelection.denied:active { 624 | background-color: #be2e2e; 625 | } 626 | .permNodeSelection.granted { 627 | background-color: #219243; 628 | border: 1px solid #219243; 629 | } 630 | .permNodeSelection.granted:hover { 631 | background-color: #197033; 632 | } 633 | .permNodeSelection.granted:active { 634 | background-color: #219243; 635 | } 636 | .sideItemList { 637 | background-color: #272727; 638 | background-image: linear-gradient(#301180bb, #52050599); 639 | } 640 | .itemList .item:hover { 641 | background-color: rgb(0, 0, 0, 0.3); 642 | transition: all 0.25s; 643 | } 644 | .itemList .item.selected { 645 | border-right: 4px solid #493383; 646 | } 647 | .ThirdPartyNotice { 648 | background-color: #211441; 649 | } 650 | 651 | /* Auditlog */ 652 | #diagTable, 653 | #currentSessionsTable, 654 | #auditLogTable { 655 | background-color: #211441; 656 | } 657 | #currentSessionsTable tr, 658 | #auditLogTable tr{ 659 | transition: all 0.25s; 660 | } 661 | #auditLogTable tr:hover { 662 | background-color: rgba(255, 255, 255, 0.1); 663 | } 664 | 665 | 666 | /* Backups */ 667 | #backupsList .backupListing { 668 | transition: all 0.25s; 669 | } 670 | #backupsList .backupListing:nth-child(odd) { 671 | background-color: #00000000 !important; 672 | } 673 | #backupsList .backupListing:hover { 674 | background-color: rgba(255, 255, 255, 0.1) !important; 675 | } 676 | #backupsList .backupListing:active { 677 | background-color: #219243 !important; 678 | } 679 | #backupsList .backupListing.selected { 680 | background-color: #219243 !important; 681 | } 682 | 683 | /* Window smaller 1000px */ 684 | @media screen and (max-width: 1000px) { 685 | #bgtext { 686 | position: fixed; 687 | transform: rotate(-90deg); 688 | transform-origin: bottom left; 689 | bottom: 0px; 690 | left: 64px; 691 | } 692 | #bgtext .tiny { 693 | padding-bottom: 8px; 694 | } 695 | .multiMenuContainer { 696 | display: contents; 697 | } 698 | #sideMenuContainer { 699 | padding-top: 0px; 700 | } 701 | .ServerGroupContainer, 702 | .datastoreContainer { 703 | flex-flow: column; 704 | } 705 | .ServerGroup.Platform-2 { 706 | background-image: none !important; 707 | } 708 | .InstanceList { 709 | grid-template-columns: none !important; 710 | } 711 | #barTop #tabInfo { 712 | position: absolute; 713 | left: 0px; 714 | } 715 | #updateAvailable{ 716 | position: relative; 717 | background-color: #00000000; 718 | bottom: 0px; 719 | font-size: 12px; 720 | } 721 | #updateAvailable button{ 722 | max-height: 25px; 723 | padding-bottom: 2px; 724 | } 725 | .splitViewBody.splitViewBody { 726 | padding-top: 8px; 727 | padding-right: 8px; 728 | } 729 | } 730 | 731 | 732 | /* Window Desktop 1000px - 660px */ 733 | @media not screen and (max-width: 660px), screen and (min-resolution: 100dpi) and (max-width: 980px), screen and (min-resolution: 150dpi) and (max-width: 900px), screen and (min-resolution: 300dpi) and (max-width: 2000px) { 734 | .desktopContextMenu.desktopContextMenu .buttonListSeparator { 735 | border-bottom: 3px solid #493383; 736 | } 737 | /*Vendor specific code*/ 738 | div ::-webkit-scrollbar { 739 | width: 5px; 740 | background-color: #00000000; 741 | } 742 | div ::-webkit-scrollbar-thumb { 743 | width: 5px; 744 | background-color: #301180; 745 | } 746 | div ::-webkit-scrollbar-thumb:hover { 747 | background-color: #493383; 748 | } 749 | } 750 | 751 | 752 | 753 | /* Window smaller 660px (Phone) */ 754 | @media screen and (max-width: 660px), screen and (min-resolution: 100dpi) and (max-width: 980px), screen and (min-resolution: 150dpi) and (max-width: 900px), screen and (min-resolution: 300dpi) and (max-width: 2000px) { 755 | #loginContainer { 756 | border-radius: 0; 757 | } 758 | .wizardPopup.wizardPopup { 759 | top: 50%; 760 | transform: translate(0, -50%); 761 | } 762 | .wizardContents.wizardContents { 763 | margin-top: 0px; 764 | } 765 | .wizardContents.wizardBottom.wizardVisible { 766 | top: 50% !important; 767 | transform: translate(0, -50%); 768 | left: 0 !important; 769 | width: 100%; 770 | height: fit-content; 771 | } 772 | button[data-bind="click: addNewTrigger"] { 773 | position: relative; 774 | left: 0; 775 | transform: translateX(4px); 776 | } 777 | .flexButtonGroup { 778 | display: grid; 779 | width: 100%; 780 | align-content: center; 781 | } 782 | #userInfo { 783 | position: absolute; 784 | } 785 | #sideMenu { 786 | margin-top: 0px; 787 | } 788 | .buttonGroup button { 789 | flex-grow: 0; 790 | } 791 | .ServerGroupOnline, .ServerGroupHeader { 792 | border-radius: 0px !important; 793 | } 794 | .datastoreContainer { 795 | grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); 796 | } 797 | .bodyTab { 798 | border-radius: 0; 799 | } 800 | #barTop #tabInfo{ 801 | position: absolute; 802 | left: 50%; 803 | transform: translate(-50%, 0); 804 | margin-left: 0; 805 | white-space: nowrap; 806 | overflow: hidden; 807 | } 808 | #sideMenuContainer, 809 | .subMenuWell { 810 | height: 100%; 811 | } 812 | /* #bgtext { 813 | transform: rotate(0deg) translate(0px, 0px); 814 | text-align: center; 815 | margin-left: 0px; 816 | bottom: 0; 817 | left: 0px; 818 | width: 185px; 819 | } */ 820 | #bgtext { 821 | display: none; 822 | } 823 | #loginContainer { 824 | height: 100%; 825 | display: flex; 826 | flex-wrap: wrap; 827 | align-content: space-around; 828 | } 829 | #loginForm { 830 | text-align: center; 831 | } 832 | #loginForm h2, 833 | #loginForm h4, 834 | #loginForm h6 { 835 | width: 100%; 836 | } 837 | .loginBusy { 838 | width: 100%; 839 | } 840 | .modalpanel { 841 | max-width: 98%; 842 | } 843 | .modalpanel .modalbuttons { 844 | background-color: #00000000; 845 | } 846 | .modalpanel .modalbuttons input, 847 | .modalpanel .modalbuttons button { 848 | flex-grow: 0; 849 | } 850 | #updateAvailable{ 851 | display: none; 852 | } 853 | #barTop #tabInfo.remoteInfo h2 { 854 | text-align: center; 855 | } 856 | } 857 | -------------------------------------------------------------------------------- /Themes/vibrantred.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --vibrant: #f70027; 3 | --halfvibrant: #7C0014; 4 | --quartervibrant: #3E000A; 5 | } 6 | 7 | body, 8 | .bodyTab { 9 | background-color: black; 10 | } 11 | 12 | /*Button Things*/ 13 | button, input[type=button], input[type=submit], .button { 14 | border: 1px solid var(--halfvibrant); 15 | /* color: var(--vibrant);*/ 16 | } 17 | button:active, input[type=button]:active, input[type=submit]:active, .button:active { 18 | background-color: var(--halfvibrant); 19 | } 20 | button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover { 21 | background-color: var(--halfvibrant); 22 | } 23 | 24 | /*Text Formatting*/ 25 | h1, h2, h3, h4, h5, h6, th, .lf { 26 | color: var(--vibrant); 27 | } 28 | /*.bodyTab { 29 | color: var(--vibrant); 30 | }*/ 31 | 32 | #loginContainer, 33 | .sideItemList { 34 | background-color: black; 35 | } 36 | 37 | /*User Info*/ 38 | #barTop, 39 | #userInfo { 40 | background-color: var(--halfvibrant); 41 | color: var(--vibrant); 42 | } 43 | #userInfo:active { 44 | background-color: var(--quartervibrant); 45 | } 46 | #userInfo:hover { 47 | background-color: var(--quartervibrant); 48 | } 49 | 50 | 51 | #sideMenuContainer, 52 | .subMenuWell, 53 | #mainBody { 54 | background: var(--quartervibrant); 55 | } 56 | #sideMenu a { 57 | font-size: 100%; 58 | color: var(--vibrant); 59 | } 60 | #sideMenu a:active { 61 | background-color: black; 62 | } 63 | #sideMenu a.selected { 64 | background-color: var(--halfvibrant); 65 | color: var(--vibrant); 66 | } 67 | 68 | input[type=text], 69 | input[type=password], 70 | input[type=number], 71 | input[type=email], 72 | input[type=search], 73 | input[type=url], 74 | select, 75 | textarea { 76 | background-color: black; 77 | } 78 | 79 | 80 | /*Console Formatting*/ 81 | #consoleLineEntry { 82 | color: var(--vibrant); 83 | } 84 | .consoleContents, .consoleContents pre { 85 | color: var(--vibrant); 86 | } 87 | .consoleEntry, .consoleContents { 88 | color: var(--vibrant); 89 | } 90 | .consoleTimestamp { 91 | color: var(--halfvibrant); 92 | } 93 | 94 | input.searchBox { 95 | background-color: transparent; 96 | } 97 | .wizardTab .wizardContents { 98 | background-color: #222; 99 | border-bottom: 8px solid #444; 100 | } 101 | .wizardTab .wizardContents h2 { 102 | background-color: #444; 103 | } 104 | 105 | /*Instance Page*/ 106 | #tab_ADSModule_Instances 107 | .ServerEntry.NewServerEntry { 108 | background-color: var(--halfvibrant); 109 | } 110 | 111 | /*Scheduler*/ 112 | #tab_schedule.bodyTab 113 | .scheduleTriggerDescription { 114 | background-color: var(--halfvibrant); 115 | } 116 | #tab_schedule.bodyTab 117 | .scheduleTriggerInfo { 118 | border: 1px solid var(--quartervibrant); 119 | background-color: var(--quartervibrant); 120 | } 121 | #tab_schedule.bodyTab 122 | .scheduleTriggerTask { 123 | border-bottom: 1px solid var(--halfvibrant); 124 | } 125 | #tab_schedule.bodyTab 126 | .scheduleTriggerTaskDropper { 127 | background-color: var(--quartervibrant); 128 | border: 1px solid var(--quartervibrant); 129 | } 130 | #tab_schedule.bodyTab 131 | .scheduleTriggerHeaderItem .scheduleHeader { 132 | color: var(--quartervibrant); 133 | } 134 | #tab_schedule.bodyTab 135 | .scheduleTriggerHeaderItem { 136 | color: var(--quartervibrant); 137 | } 138 | 139 | 140 | /*Tab Menus*/ 141 | .settingsGroup .groupBody .settingContainer { 142 | background-color: var(--quartervibrant); 143 | } 144 | 145 | /*File Manager*/ 146 | #tab_FileManagerPlugin_FileManager 147 | .fmPathSegment:active { 148 | background-color: var(--quartervibrant); 149 | } 150 | #tab_FileManagerPlugin_FileManager 151 | .fmPathSegment:hover { 152 | background-color: var(--halfvibrant); 153 | } 154 | #tab_FileManagerPlugin_FileManager 155 | .fmPathSegment:nth-child(even) { 156 | background-color: var(--quartervibrant); 157 | } 158 | #tab_FileManagerPlugin_FileManager 159 | .fmPathSegment::after { 160 | border-left: 10px solid var(--halfvibrant); 161 | } 162 | #tab_FileManagerPlugin_FileManager 163 | .fmPathSegment:nth-child(even)::after { 164 | border-left-color: var(--quartervibrant); 165 | } 166 | #tab_FileManagerPlugin_FileManager 167 | .fmPathSegment { 168 | background-color: var(--halfvibrant); 169 | } 170 | 171 | /*Notifications*/ 172 | #notificationContainer { 173 | background-color: var(--halfvibrant); 174 | border: 1px solid rgba(255, 255, 255, 0.2); 175 | box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); 176 | color: var(--vibrant); 177 | } 178 | #notificationContainer .notificationBanner { 179 | background-color: var(--quartervibrant); 180 | } 181 | #notificationContainer .notification { 182 | border-bottom: 1px solid var(--quartervibrant); 183 | } 184 | #notificationContainer .notification.failed { 185 | background-color: #833; 186 | } 187 | #notificationContainer .notification:hover { 188 | background-color: var(--quartervibrant); 189 | } 190 | #notificationContainer .notification:hover.failed { 191 | background-color: #A55; 192 | } 193 | #notificationContainer .notification .notificationTitle { 194 | color: var(--vibrant); 195 | } 196 | #notificationContainer .notification .notificationTitle button { 197 | background-color: #633; 198 | border: 1px solid #900; 199 | color: #fff; 200 | } 201 | .notificationProgessContainer { 202 | border: 1px solid var(--quartervibrant); 203 | } 204 | .notificationProgressBar { 205 | background-color: black; 206 | } 207 | -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/01-ADS-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/01-ADS-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/01-ADS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/01-ADS.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/02-Schedule-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/02-Schedule-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/02-Schedule.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/02-Schedule.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/03-Settings-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/03-Settings-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/03-Settings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/03-Settings.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/04-DocsAndStatus-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/04-DocsAndStatus-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/04-DocsAndStatus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/04-DocsAndStatus.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/05-FileBrowser-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/05-FileBrowser-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/05-FileBrowser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/05-FileBrowser.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/06-FileEditor-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/06-FileEditor-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/06-FileEditor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/06-FileEditor.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/07-SysInfo-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/07-SysInfo-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/07-SysInfo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/07-SysInfo.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/09-ScheduleInGame-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/09-ScheduleInGame-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/09-ScheduleInGame.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/09-ScheduleInGame.jpg -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/09-ScheduleInGame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/09-ScheduleInGame.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/10-Console-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/10-Console-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/10-Console.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/10-Console.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/11-ConsoleMore-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/11-ConsoleMore-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/11-ConsoleMore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/11-ConsoleMore.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/12-Backups-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/12-Backups-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/12-Backups.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/12-Backups.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/13-SpigotCompile-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/13-SpigotCompile-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/13-SpigotCompile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/13-SpigotCompile.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/14-Roles-Thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/14-Roles-Thumb.png -------------------------------------------------------------------------------- /WikiContent/AMP Screenshots/14-Roles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/AMP Screenshots/14-Roles.png -------------------------------------------------------------------------------- /WikiContent/DevLic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/DevLic.png -------------------------------------------------------------------------------- /WikiContent/Empty: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/Configure.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/Configure.png -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/FindStackscript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/FindStackscript.png -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/Login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/Login.png -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/NetworkTab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/NetworkTab.png -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/NotYetRunning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/NotYetRunning.png -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/RightClickToGoTo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/RightClickToGoTo.png -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/SelectPlan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/SelectPlan.png -------------------------------------------------------------------------------- /WikiContent/LinodeTutorial/SetupPassword.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/LinodeTutorial/SetupPassword.png -------------------------------------------------------------------------------- /WikiContent/NewProject.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/NewProject.png -------------------------------------------------------------------------------- /WikiContent/SDK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/SDK.png -------------------------------------------------------------------------------- /WikiContent/Templates.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/Templates.png -------------------------------------------------------------------------------- /WikiContent/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CubeCoders/AMP/7345d07609337698f22c0ade06611ae440d62cc9/WikiContent/git.png -------------------------------------------------------------------------------- /systemd/ampfirewall.service: -------------------------------------------------------------------------------- 1 | [Unit] 2 | Description=AMP Instance Manager Firewall 3 | Documentation=https://github.com/CubeCoders/AMP/wiki/AMP-systemd-script-(Linux) 4 | After=syslog.target 5 | After=network-online.target 6 | Wants=network-online.target 7 | 8 | [Service] 9 | Type=oneshot 10 | RemainAfterExit=no 11 | User=root 12 | Group=root 13 | ExecStart=/opt/cubecoders/amp/ampinstmgr --silent updatefirewall amp 14 | TimeoutSec=60 15 | 16 | [Install] 17 | WantedBy=multi-user.target 18 | -------------------------------------------------------------------------------- /systemd/ampfirewall.timer: -------------------------------------------------------------------------------- 1 | [Unit] 2 | Description=AMP Instance Manager Firewall 3 | Documentation=https://github.com/CubeCoders/AMP/wiki/AMP-systemd-script-(Linux) 4 | After=syslog.target 5 | After=network-online.target 6 | Wants=network-online.target 7 | PartOf=ampfirewall.target 8 | 9 | [Timer] 10 | OnActiveSec=1 11 | OnBootSec=1m 12 | OnUnitActiveSec=5m 13 | 14 | [Install] 15 | WantedBy=multi-user.target 16 | -------------------------------------------------------------------------------- /systemd/ampinstmgr.service: -------------------------------------------------------------------------------- 1 | [Unit] 2 | Description=AMP Instance Manager 3 | Documentation=https://github.com/CubeCoders/AMP/wiki/AMP-systemd-script-(Linux) 4 | After=syslog.target 5 | After=network-online.target 6 | Wants=network-online.target 7 | PartOf=ampinstmgr.target 8 | 9 | [Service] 10 | Type=oneshot 11 | RemainAfterExit=yes 12 | User=amp 13 | Group=amp 14 | ExecStart=/opt/cubecoders/amp/ampinstmgr startboot 15 | TimeoutSec=60 16 | ExecStop=/opt/cubecoders/amp/ampinstmgr stopall 17 | TimeoutStopSec=180 18 | 19 | [Install] 20 | WantedBy=multi-user.target 21 | --------------------------------------------------------------------------------