Skip to content

Commit

Permalink
Added TerminalGlass QuickMenu support and ComicSans theme
Browse files Browse the repository at this point in the history
  • Loading branch information
jll123567 committed Oct 15, 2024
1 parent cf9c566 commit 6e2c944
Show file tree
Hide file tree
Showing 5 changed files with 215 additions and 3 deletions.
16 changes: 16 additions & 0 deletions Comic Sans/MainMenu/comic.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
/* latin */
@font-face {
font-family: "Comic Sans";
src: url("https://archive.org/download/776e6c6f6164732f496d6167/COMIC.TTF");
}

* {
font-family: "Comic Sans", "cursive";
}

.content {
background-image: url("https://files.catbox.moe/xp5eec.gif");
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
}
11 changes: 11 additions & 0 deletions Comic Sans/QuickMenu/comic.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
/* latin */
@font-face {
font-family: "Comic Sans";
src: url("https://archive.org/download/776e6c6f6164732f496d6167/COMIC.TTF");
}

* {
font-family: "Comic Sans", "cursive";
/*background-color: red;
color: yellow;*/
}
4 changes: 4 additions & 0 deletions Comic Sans/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
# ComicSans
[![Download TerminalGlass Theme](../.resources/download.png)](https://github.com/jll123567/MenuCSSLoader-Themes/releases/latest/download/ComicSans.zip)

Just sets the font to comic sans.
184 changes: 184 additions & 0 deletions TerminalGlass/QuickMenu/TerminalGlass.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,184 @@
@import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap'); /* Import font */

:root {
--highlight: rgb(72, 72, 72);
--tblack: rgba(0,0,0,0.9);
--font-size-nrm: 20px;
--font-size-big: 32px;
--font-size-bigger: 44px;
--font-size-biggest: 50px;
}

#quickmenu-wrapper {
font-family: Inconsolata;
font-size: 20px;
}

#quickmenu-wrapper .valueList {
background-color: black;
}

#quickmenu-wrapper .quick-buttons-container .quick-button, #quickmenu-wrapper .primary-buttons-container .quick-button, #quickmenu-wrapper .toolbar-container, #quickmenu-wrapper .game-information-container{
border-radius: 0px;
border: solid 4px white;
background-color: var(--tblack);
}

#quickmenu-wrapper .quick-buttons-container .quick-button:active, #quickmenu-wrapper .primary-buttons-container .quick-button:active {
filter: invert(100%);
}

#quickmenu-wrapper .quick-buttons-container .quick-button:hover, #quickmenu-wrapper .primary-buttons-container .quick-button:hover {
background-color: var(--highlight);
}

#quickmenu-wrapper .quick-buttons-container .quick-button .inner-toggle, #quickmenu-wrapper .primary-buttons-container .quick-button .inner-toggle {
border-radius: 0px;
border: solid 2px white;
}


#quickmenu-wrapper .notification-container {
border-radius: 0px;
border: solid 4px white;
background: rgba(0,0,0,0.9);
}

#quickmenu-wrapper .notification-container .notifications-wrapper {
border-top: solid 4px white;
left: 0;
width: 730px;
}

#quickmenu-wrapper .notification-container .header-button , #quickmenu-wrapper .notification-container .header-text, #quickmenu-wrapper .notification-container .header-image{
top: 35px;
}

#quickmenu-wrapper .avatar-actions .container-emotes, #quickmenu-wrapper .avatar-actions .container-states, #quickmenu-wrapper .avatar-actions .container-back {
border-radius: 0px;
border: solid 4px white;
background-color: var(--tblack);
}

#quickmenu-wrapper .avatar-actions .container-emotes .header, #quickmenu-wrapper .avatar-actions .container-states .header{
border-bottom: solid 4px white;
margin-left: 0;
padding-left: 29px;
}

#quickmenu-wrapper .avatar-actions .container-emotes .emote, #quickmenu-wrapper .avatar-actions .container-states .state{
margin: 0;
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-left: 1em;
}

#quickmenu-wrapper .avatar-actions .container-emotes .emote:hover, #quickmenu-wrapper .avatar-actions .container-states .state:hover{
background-color: var(--highlight);
}

#quickmenu-wrapper .advanced-avatar .container-settings, #quickmenu-wrapper .advanced-avatar .container-profiles, #quickmenu-wrapper .advanced-avatar .container-back {
border-radius: 0px;
border: solid 4px white;
background-color: var(--tblack);
}

#quickmenu-wrapper .debug .container-details, #quickmenu-wrapper .debug .container-categories, #quickmenu-wrapper .debug .container-back{
border-radius: 0px;
border: solid 4px white;
background-color: var(--tblack);
}


#quickmenu-wrapper .container-tabs .tab {
border-radius: 0px;
border: solid 4px white;
background-color: var(--tblack);
}

#quickmenu-wrapper .container-tabs .tab:hover{
background-color: var(--highlight);
}

#quickmenu-wrapper .container-tooltip, #quickmenu-wrapper .container-alertToast, #quickmenu-wrapper .btk-popup-container {
border-radius: 0px;
border: solid 4px white;
background-color: black;
}

#quickmenu-wrapper .btk-popup-container .button {
border-radius: 0px;
}

/* Just make the font a bit smaller lol */
#quickmenu-wrapper .call-container .status,
#quickmenu-wrapper .call-container .time {
font-size: 20px;
}

#quickmenu-wrapper .call-container .sender-name,
#quickmenu-wrapper .notification-container .header-text,
#quickmenu-wrapper .notification-container .notifications-wrapper .notification .header,
#quickmenu-wrapper .quick-buttons-container .quick-button,
#quickmenu-wrapper .primary-buttons-container .quick-button,
#quickmenu-wrapper .game-information-container .game-fps-caption,
#quickmenu-wrapper .game-information-container .game-fps-value,
#quickmenu-wrapper .game-information-container .game-ping-caption,
#quickmenu-wrapper .game-information-container .game-ping-value,
#quickmenu-wrapper .avatar-actions .container-emotes .emote,
#quickmenu-wrapper .avatar-actions .container-states .state,
#quickmenu-wrapper .advanced-avatar .container-profiles .profile,
#quickmenu-wrapper .advanced-avatar .container-profiles .profile-buttons .button .caption,
#quickmenu-wrapper .inp_number {
font-size: 32px;
}

#quickmenu-wrapper .game-information-container .game-greeting,
#quickmenu-wrapper .avatar-actions .container-emotes .header,
#quickmenu-wrapper .avatar-actions .container-states .header,
#quickmenu-wrapper .avatar-actions .container-back .content,
#quickmenu-wrapper .advanced-avatar .container-settings .header,
#quickmenu-wrapper .advanced-avatar .container-profiles .header,
#quickmenu-wrapper .advanced-avatar .container-back .content,
#quickmenu-wrapper .debug .container-details .header,
#quickmenu-wrapper .debug .container-details .loadingHeader,
#quickmenu-wrapper .debug .container-details .loadingEntry,
#quickmenu-wrapper .debug .container-categories .header,
#quickmenu-wrapper .debug .container-back .content,
#quickmenu-wrapper .move-overlay .info-description{
font-size: 44px;
}

#quickmenu-wrapper .move-overlay .info-headline{
font-size: 50px;
}


/* BTKUI stuff */
.btkUI .container-main, .btkUI .container-controls {
border-radius: 0px;
border: solid 4px white;
background-color: var(--tblack);
}

.btkUI .container-controls-playerlist {
background-color: black; /* why is the header just lazily hidden behind the player list? */
border-radius: 0px;
border: solid 4px white;
}

/*.btkUI .dropdown-option .selected {
color: white;
}*/

.btkUI .toggle, .btkUI .button, .btkUI .button-fullImage, .btkUI .int-button {
border-radius: 0px;
}

.btkUI .toggle:hover, .btkUI .button:hover, .btkUI .button-fullImage:hover, .btkUI .int-button:hover {
background-color: var(--highlight);
}

.btkUI .toggle:active, .btkUI .button:active, .btkUI .int-button:active {
filter: invert(100%);
}
3 changes: 0 additions & 3 deletions TerminalGlass/QuickMenu/test.css

This file was deleted.

0 comments on commit 6e2c944

Please sign in to comment.