diff --git a/Themes/BasicBackground/_res/cover.gif b/Themes/BasicBackground/_res/cover.gif index 1a4a4df259..0beb3c1542 100644 Binary files a/Themes/BasicBackground/_res/cover.gif and b/Themes/BasicBackground/_res/cover.gif differ diff --git a/Themes/BasicBackground/_res/cover_configs.css b/Themes/BasicBackground/_res/cover_configs.css new file mode 100644 index 0000000000..ca2f756974 --- /dev/null +++ b/Themes/BasicBackground/_res/cover_configs.css @@ -0,0 +1,149 @@ +:root { /* purple */ + --transparencycolor: 0,0,0; /* default: 0,0,0 */ + --transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */ + --messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */ + --guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */ + --memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */ + --accentcolor: 190,78,180; /* default: 190,78,180 (RGB-format - blurple: 88,101,242 bd-blue: 58,113,193) */ + + --font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; /* font used in most places */ + --textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */ + --settingsicons: 1; /* Use Settings Icons in User/Server/Channel Settings: 1 = yes, 0 = no */ + + --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg); /* general background image */ + --backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */ + --backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */ + --backgroundblur: unset; /* default: unset (blur in px, only works when --background is set to an image) */ + + --popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */ + --popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */ + --popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */ + --popoutblur: var(--backgroundblur); /* default: unset (blur in px, only works when --popout is set to an image) */ + + --backdrop: rgba(0,0,0,0.85); /* default: rgba(0,0,0,0.85) (change to use another background/color for backdrops) */ + --backdropposition: var(--backgroundposition); /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */ + --backdropsize: var(--backgroundsize); /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */ + --backdropblur: var(--backgroundblur); /* default: unset (blur in px, only works when --backdrop is set to an image) */ + + --version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */ +} + +:root { /* red */ + --transparencycolor: 0,0,0; /* default: 0,0,0 */ + --transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */ + --messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */ + --guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */ + --memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */ + --accentcolor: 200,50,50; /* default: 190,78,180 (RGB-format - blurple: 88,101,242 bd-blue: 58,113,193) */ + + --font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; /* font used in most places */ + --textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */ + --settingsicons: 1; /* Use Settings Icons in User/Server/Channel Settings: 1 = yes, 0 = no */ + + --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background_red.jpg); /* general background image */ + --backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */ + --backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */ + --backgroundblur: unset; /* default: unset (blur in px, only works when --background is set to an image) */ + + --popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */ + --popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */ + --popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */ + --popoutblur: var(--backgroundblur); /* default: unset (blur in px, only works when --popout is set to an image) */ + + --backdrop: rgba(0,0,0,0.85); /* default: rgba(0,0,0,0.85) (change to use another background/color for backdrops) */ + --backdropposition: var(--backgroundposition); /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */ + --backdropsize: var(--backgroundsize); /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */ + --backdropblur: var(--backgroundblur); /* default: unset (blur in px, only works when --backdrop is set to an image) */ + + --version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */ +} + +:root { /* red */ + --transparencycolor: 0,0,0; /* default: 0,0,0 */ + --transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */ + --messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */ + --guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */ + --memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */ + --accentcolor: 200,50,50; /* default: 190,78,180 (RGB-format - blurple: 88,101,242 bd-blue: 58,113,193) */ + + --font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; /* font used in most places */ + --textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */ + --settingsicons: 1; /* Use Settings Icons in User/Server/Channel Settings: 1 = yes, 0 = no */ + + --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background_red.jpg); /* general background image */ + --backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */ + --backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */ + --backgroundblur: unset; /* default: unset (blur in px, only works when --background is set to an image) */ + + --popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */ + --popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */ + --popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */ + --popoutblur: var(--backgroundblur); /* default: unset (blur in px, only works when --popout is set to an image) */ + + --backdrop: rgba(0,0,0,0.85); /* default: rgba(0,0,0,0.85) (change to use another background/color for backdrops) */ + --backdropposition: var(--backgroundposition); /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */ + --backdropsize: var(--backgroundsize); /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */ + --backdropblur: var(--backgroundblur); /* default: unset (blur in px, only works when --backdrop is set to an image) */ + + --version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */ +} + +:root { /* green */ + --transparencycolor: 0,0,0; /* default: 0,0,0 */ + --transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */ + --messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */ + --guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */ + --memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */ + --accentcolor: 50,150,50; /* default: 190,78,180 (RGB-format - blurple: 88,101,242 bd-blue: 58,113,193) */ + + --font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; /* font used in most places */ + --textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */ + --settingsicons: 1; /* Use Settings Icons in User/Server/Channel Settings: 1 = yes, 0 = no */ + + --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background_green.jpg); /* general background image */ + --backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */ + --backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */ + --backgroundblur: unset; /* default: unset (blur in px, only works when --background is set to an image) */ + + --popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */ + --popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */ + --popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */ + --popoutblur: var(--backgroundblur); /* default: unset (blur in px, only works when --popout is set to an image) */ + + --backdrop: rgba(0,0,0,0.85); /* default: rgba(0,0,0,0.85) (change to use another background/color for backdrops) */ + --backdropposition: var(--backgroundposition); /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */ + --backdropsize: var(--backgroundsize); /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */ + --backdropblur: var(--backgroundblur); /* default: unset (blur in px, only works when --backdrop is set to an image) */ + + --version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */ +} + +:root { /* blue */ + --transparencycolor: 0,0,0; /* default: 0,0,0 */ + --transparencyalpha: 0.15; /* default: 0.15 (general darkness of the app) */ + --messagetransparency: 0.5; /* default: 0.5 (additional shadows behind messages, set to 0 to remove boxes) */ + --guildchanneltransparency: 0.15; /* default: 0.15 (additional darkness for guild/channel list) */ + --memberlisttransparency: 0.0; /* default: 0.0 (additional darkness for member list) */ + --accentcolor: 50,50,200; /* default: 190,78,180 (RGB-format - blurple: 88,101,242 bd-blue: 58,113,193) */ + + --font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; /* font used in most places */ + --textshadow: transparent; /* default: transparent (textshadow for text ontop of accentcolor nodes, ONLY accepts a color, no px) */ + --settingsicons: 1; /* Use Settings Icons in User/Server/Channel Settings: 1 = yes, 0 = no */ + + --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background_blue.jpg); /* general background image */ + --backgroundposition: center; /* default: center (position of background - values: [center/top/right/bottom/left]) */ + --backgroundsize: cover; /* default: cover (sizefit of background - values: [cover/contain/auto]) */ + --backgroundblur: unset; /* default: unset (blur in px, only works when --background is set to an image) */ + + --popout: var(--background); /* default: var(--background) (change to use another background/color for modals/popouts) */ + --popoutposition: var(--backgroundposition); /* default: center (position of popout - values: [center/top/right/bottom/left]) */ + --popoutsize: var(--backgroundsize); /* default: cover (sizefit of popout - values: [cover/contain/auto]) */ + --popoutblur: var(--backgroundblur); /* default: unset (blur in px, only works when --popout is set to an image) */ + + --backdrop: rgba(0,0,0,0.85); /* default: rgba(0,0,0,0.85) (change to use another background/color for backdrops) */ + --backdropposition: var(--backgroundposition); /* default: center (position of backdrop - values: [center/top/right/bottom/left]) */ + --backdropsize: var(--backgroundsize); /* default: cover (sizefit of backdrop - values: [cover/contain/auto]) */ + --backdropblur: var(--backgroundblur); /* default: unset (blur in px, only works when --backdrop is set to an image) */ + + --version1_0_5: none; /* DO NOT CHANGE THIS VARIABLE , USED TO HIDE UPDATE NOTICE */ +} \ No newline at end of file