A modular, sci-fi theme for Wordle
Sci-Fi Wordle by alcatraz
Details
Authoralcatraz
LicenseNo License
Categorynytimes
Created
Updated
Size8.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Sci-Fi Wordle
@namespace userstyles.world/user/alcatraz
@version 0.1.0
@description A modular, sci-fi theme for Wordle
@author Alcatraz
@preprocessor stylus
@var text font 'Font' "Jura"
==/UserStyle== */
@-moz-document url("https://www.nytimes.com/games/wordle/index.html") {
@import url(s("https://fonts.googleapis.com/css2?family=%s:wght@100;200;300;400;500;600;700;800;900&display=swap", font));
/*-----FONT-----*/
.Welcome-module_title__uhLqe,
.Welcome-module_subtitle__rL8EE,
.Welcome-module_buttonContainer__K4GEw .Welcome-module_button__ZG0Zh,
.Welcome-module_date__Fmbmx,
.Welcome-module_wordleMeta__P_0lJ,
.AppHeader-module_appHeader__Jn4R7 .AppHeader-module_title__EQr6V, /* Wordle at top*/
.Tile-module_tile__UWEHN,
.Key-module_key__kchQI,
.AppHeader-module_appHeader__Jn4R7 .AppHeader-module_subscribeLink__VBUGi,
.Stats-module_gameStats__X2eDU,
.Footer-module_bottomSheet__XnX4f .Footer-module_shareText__m7yUa,
.BotLink-module_botLink__uRdNy .BotLink-module_botLinkContent__RR4ri p,
.BotLink-module_botLinkCentered__S8gS0 .BotLink-module_botLinkContent__RR4ri p,
/* How To Play*/
.Modal-module_newHeading__Ah45w,
.Help-module_subheading__mbRG9,
.Help-module_instructions__uXsG6,
.Help-module_examples__W3VXL,
.Help-module_reminderSignUp__oQ42D{
font-family: font;
}
/*-----APP HEADER-----*/
.AppHeader-module_appHeader__Jn4R7 .AppHeader-module_subscribeLink__VBUGi{
border: 3px solid;
border-radius: 7px;
padding: 0 10px;
&:hover{
color: var(--color-correct-high-contrast);
}
}
/*---ICON REPLACEMENT---*/
[d="M14.8333 23H17.1666V20.6667H14.8333V23ZM15.9999 4.33334C9.55992 4.33334 4.33325 9.56001 4.33325 16C4.33325 22.44 9.55992 27.6667 15.9999 27.6667C22.4399 27.6667 27.6666 22.44 27.6666 16C27.6666 9.56001 22.4399 4.33334 15.9999 4.33334ZM15.9999 25.3333C10.8549 25.3333 6.66659 21.145 6.66659 16C6.66659 10.855 10.8549 6.66668 15.9999 6.66668C21.1449 6.66668 25.3333 10.855 25.3333 16C25.3333 21.145 21.1449 25.3333 15.9999 25.3333ZM15.9999 9.00001C13.4216 9.00001 11.3333 11.0883 11.3333 13.6667H13.6666C13.6666 12.3833 14.7166 11.3333 15.9999 11.3333C17.2833 11.3333 18.3333 12.3833 18.3333 13.6667C18.3333 16 14.8333 15.7083 14.8333 19.5H17.1666C17.1666 16.875 20.6666 16.5833 20.6666 13.6667C20.6666 11.0883 18.5783 9.00001 15.9999 9.00001Z"],
[d="M20.6666 14.8333V5.5H11.3333V12.5H4.33325V26.5H27.6666V14.8333H20.6666ZM13.6666 7.83333H18.3333V24.1667H13.6666V7.83333ZM6.66659 14.8333H11.3333V24.1667H6.66659V14.8333ZM25.3333 24.1667H20.6666V17.1667H25.3333V24.1667Z"],
[d="M25.52 17.2534C25.5733 16.8534 25.6 16.44 25.6 16C25.6 15.5734 25.5733 15.1467 25.5067 14.7467L28.2133 12.64C28.4533 12.4534 28.52 12.0934 28.3733 11.8267L25.8133 7.40004C25.6533 7.10671 25.32 7.01338 25.0267 7.10671L21.84 8.38671C21.1733 7.88004 20.4667 7.45338 19.68 7.13338L19.2 3.74671C19.1467 3.42671 18.88 3.20004 18.56 3.20004H13.44C13.12 3.20004 12.8666 3.42671 12.8133 3.74671L12.3333 7.13338C11.5467 7.45338 10.8267 7.89338 10.1733 8.38671L6.98665 7.10671C6.69332 7.00004 6.35998 7.10671 6.19998 7.40004L3.65332 11.8267C3.49332 12.1067 3.54665 12.4534 3.81332 12.64L6.51998 14.7467C6.45332 15.1467 6.39998 15.5867 6.39998 16C6.39998 16.4134 6.42665 16.8534 6.49332 17.2534L3.78665 19.36C3.54665 19.5467 3.47998 19.9067 3.62665 20.1734L6.18665 24.6C6.34665 24.8934 6.67998 24.9867 6.97332 24.8934L10.16 23.6134C10.8267 24.12 11.5333 24.5467 12.32 24.8667L12.8 28.2534C12.8667 28.5734 13.12 28.8 13.44 28.8H18.56C18.88 28.8 19.1467 28.5734 19.1867 28.2534L19.6667 24.8667C20.4533 24.5467 21.1733 24.12 21.8267 23.6134L25.0133 24.8934C25.3067 25 25.64 24.8934 25.8 24.6L28.36 20.1734C28.52 19.88 28.4533 19.5467 28.2 19.36L25.52 17.2534ZM16 20.8C13.36 20.8 11.2 18.64 11.2 16C11.2 13.36 13.36 11.2 16 11.2C18.64 11.2 20.8 13.36 20.8 16C20.8 18.64 18.64 20.8 16 20.8Z"]{
display: none;
.game-icon:has(&){
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
background: var(--color-tone-1);
}
}
.game-icon:has([d="M14.8333 23H17.1666V20.6667H14.8333V23ZM15.9999 4.33334C9.55992 4.33334 4.33325 9.56001 4.33325 16C4.33325 22.44 9.55992 27.6667 15.9999 27.6667C22.4399 27.6667 27.6666 22.44 27.6666 16C27.6666 9.56001 22.4399 4.33334 15.9999 4.33334ZM15.9999 25.3333C10.8549 25.3333 6.66659 21.145 6.66659 16C6.66659 10.855 10.8549 6.66668 15.9999 6.66668C21.1449 6.66668 25.3333 10.855 25.3333 16C25.3333 21.145 21.1449 25.3333 15.9999 25.3333ZM15.9999 9.00001C13.4216 9.00001 11.3333 11.0883 11.3333 13.6667H13.6666C13.6666 12.3833 14.7166 11.3333 15.9999 11.3333C17.2833 11.3333 18.3333 12.3833 18.3333 13.6667C18.3333 16 14.8333 15.7083 14.8333 19.5H17.1666C17.1666 16.875 20.6666 16.5833 20.6666 13.6667C20.6666 11.0883 18.5783 9.00001 15.9999 9.00001Z"]){
-webkit-mask-image: url(https://api.iconify.design/ci/circle-help.svg);
}
.game-icon:has(path[d="M20.6666 14.8333V5.5H11.3333V12.5H4.33325V26.5H27.6666V14.8333H20.6666ZM13.6666 7.83333H18.3333V24.1667H13.6666V7.83333ZM6.66659 14.8333H11.3333V24.1667H6.66659V14.8333ZM25.3333 24.1667H20.6666V17.1667H25.3333V24.1667Z"]){
-webkit-mask-image: url(https://api.iconify.design/ci/chart-bar-vertical-01.svg);
}
.game-icon:has([d="M25.52 17.2534C25.5733 16.8534 25.6 16.44 25.6 16C25.6 15.5734 25.5733 15.1467 25.5067 14.7467L28.2133 12.64C28.4533 12.4534 28.52 12.0934 28.3733 11.8267L25.8133 7.40004C25.6533 7.10671 25.32 7.01338 25.0267 7.10671L21.84 8.38671C21.1733 7.88004 20.4667 7.45338 19.68 7.13338L19.2 3.74671C19.1467 3.42671 18.88 3.20004 18.56 3.20004H13.44C13.12 3.20004 12.8666 3.42671 12.8133 3.74671L12.3333 7.13338C11.5467 7.45338 10.8267 7.89338 10.1733 8.38671L6.98665 7.10671C6.69332 7.00004 6.35998 7.10671 6.19998 7.40004L3.65332 11.8267C3.49332 12.1067 3.54665 12.4534 3.81332 12.64L6.51998 14.7467C6.45332 15.1467 6.39998 15.5867 6.39998 16C6.39998 16.4134 6.42665 16.8534 6.49332 17.2534L3.78665 19.36C3.54665 19.5467 3.47998 19.9067 3.62665 20.1734L6.18665 24.6C6.34665 24.8934 6.67998 24.9867 6.97332 24.8934L10.16 23.6134C10.8267 24.12 11.5333 24.5467 12.32 24.8667L12.8 28.2534C12.8667 28.5734 13.12 28.8 13.44 28.8H18.56C18.88 28.8 19.1467 28.5734 19.1867 28.2534L19.6667 24.8667C20.4533 24.5467 21.1733 24.12 21.8267 23.6134L25.0133 24.8934C25.3067 25 25.64 24.8934 25.8 24.6L28.36 20.1734C28.52 19.88 28.4533 19.5467 28.2 19.36L25.52 17.2534ZM16 20.8C13.36 20.8 11.2 18.64 11.2 16C11.2 13.36 13.36 11.2 16 11.2C18.64 11.2 20.8 13.36 20.8 16C20.8 18.64 18.64 20.8 16 20.8Z"]){
-webkit-mask-image: url(https://api.iconify.design/ci/settings.svg);
}
/*-----APP MODULE-----*/
.App-module_gameContainer__K_CBh{
height: 100% !important;
}
/*-----GAME BOARD-----*/
.Tile-module_tile__UWEHN{
border-radius: 5px;
&[data-state=correct],
&[data-state=present],
&[data-state=absent],{
background: none;
border: 3px solid;
}
&[data-state=correct]{
color: var(--color-correct);
}
&[data-state=present]{
color: var(--color-present);
}
&[data-state=absent]{
color: var(--color-absent);
}
}
/*-----KEYBOARD-----*/
.Keyboard-module_keyboard__uYuqf{
height: unset; /* allows for variable keyboard height */
margin-bottom: 30px; /* minimum spacing at the bottom */
}
.Key-module_key__kchQI{
border: 3px solid;
color: var(--key-bg);
&,
&[data-state=correct],
&[data-state=present],
&[data-state=absent],{
background: unset;
}
&:hover{
box-shadow: 0 0 3px 1px;
text-shadow: 0 0 5px;
}
&[data-state=correct]{
color: var(--color-correct);
}
&[data-state=present]{
color: var(--color-present);
}
&[data-state=absent]{
color: var(--color-absent);
}
}
/*-----STATISTICS-----*/
.pz-desktop .Modal-module_fullscreenStatsExit__DpWAs .Modal-module_closeIconButton__y9b6c{
margin-top: 36px;
margin-right: 36px;
}
.Stats-module_gameStats__X2eDU{
padding: 16px 32px;
.Modal-module_modalOverlay__cdZDa:has(&){
background: none;
width: min-content;
}
.Modal-module_content__TrPIX:has(&).Modal-module_testExtraWidth__Dptic.Modal-module_fullscreenStats__dzhYf{
height: min-content;
}
}
.Stats-module_graphContainer__Al4D1{
height: 24px;
& .Stats-module_graph__f4tUv{
& .Stats-module_numGuesses__jFa2m{
line-height: 24px;
}
& .Stats-module_graphBar__HvdG8{
border-radius: 4px;
}
}
}
.Stats-module_guess__Fc0Xn{
min-width: 1.5ch;
}
.Footer-module_bottomSheet__XnX4f .Footer-module_shareButton__cHprS{
width: 150px;
}
.Footer-module_shareButton__cHprS{
background: none;
border: 3px solid;
color: var(--color-tone-8); /* blends in too well with high contrast mode if set to default */
&:hover,
&:hover span{
color: var(--color-correct-high-contrast);
}
&:hover svg path{
fill: currentColor;
}
}
}