How to create a bootsplash with changing backgroud colours

Forum rules
Before you post please read how to get help

How to create a bootsplash with changing backgroud colours

Postby Zorba on Mon Dec 02, 2013 5:54 pm

I want to create a new bootsplash screen for LInux Mint that has 2 logos (a text saying "Linux Min" + " starting Mint..." / "Shutting down") changing background colours during boot (like on Windows 8) and only one colour at shutdown. I have made a copy for testing here that loads windows 8 PNGs ( http://kde-look.org/content/show.php?content=162167) but the colours seem to load too fast. Can make plymouth load many colours without using background PNGs?


1- At startup it cycles the following colours ( or even more colours if possible):

Image
Image
Image


2- At shutdown it rolls only one background colour as follows:


Image
Last edited by Zorba on Wed Jan 15, 2014 11:59 am, edited 1 time in total.
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Linux Mint is funded by ads and donations.
 

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Mon Dec 02, 2013 7:40 pm

Someone gave me this http://www.freedesktop.org/wiki/Software/Plymouth/Scripts/ but I don't know how to code at all :( :( Can anyone do a sample script for me :D

Image :lol: :lol: :lol:

Check this link http://metro.windowswiki.info/wp/
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Wed Dec 04, 2013 10:33 am

heeeeeeeeeeeeeeelp :(
Image
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Sun Dec 08, 2013 8:57 pm

I think this is the one million dollar question! Is there anyone who can answer it! That's very unusual guys!!! :roll: :roll: :roll: :roll:
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby administrollaattori on Mon Dec 09, 2013 1:23 am

Just edit /lib/plymouth/themes/mint-logo/mint-logo.script and run after that
Code: Select all
sudo update-initramfs -u
Attachments
plymouth.png
User avatar
administrollaattori
Level 7
Level 7
 
Posts: 1505
Joined: Tue Sep 03, 2013 4:51 am

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Mon Dec 09, 2013 11:34 am

administrollaattori wrote:Just edit /lib/plymouth/themes/mint-logo/mint-logo.script and run after that
Code: Select all
sudo update-initramfs -u


I tried that but it doesn't load the PNGs in fullscreen mode and in another attempt I did this http://kde-look.org/content/show.php?content=162167 but the images load too fast! How can I slow the loading speed? The script I'm editing looks like this:


Code: Select all
[code]# 7.script - Windows 7 Plymouth Theme Script
#
# All images made or modified using Gimp and/or inkscape from publicly available sources
#

###########################################################################
###################### MODIFIABLE CONFIGURATION ###########################

####### STARTUP #######
#
# Background image for startup (use "" for nothing) (must use png images)
startup_background_image_filename="";

# Animation to use on startup (winlogo, busy, none)
startup_animation="winlogo";

# Image to put at bottom of screen (use "" for nothing) (must use png images)
startup_bottom_image_filename="ms_corp.png";

# Custom startup message (use "" for default, use " " for nothing)
startup_text = "";


###### SHUTDOWN ######
#
# Background image for shutdown (use "" for nothing) (must use png images)
shutdown_background_image_filename="Windows_7_background.png";

# Animation to use on shutdown (winlogo, busy, none)
shutdown_animation="busy";

# Image to put at bottom of screen (use "" for nothing) (must use png images)
shutdown_bottom_image_filename="Windows_7_logo_white.png";

# Custom shutdown message (use "" for default, use " " for nothing)
shutdown_text = "";


####### SUSPEND #######
#
# Background image for suspend (use "" for nothing) (must use png images)
suspend_background_image_filename="";

# Animation to use on suspend (winlogo, busy, none)
suspend_animation="busy";

# Image to put at bottom of screen (use "" for nothing) (must use png images)
suspend_bottom_image_filename="ms_corp.png";

# Custom suspend message (use "" for default, use " " for nothing)
suspend_text = "";


####### RESUME #######
#
# Background image for resume (use "" for nothing) (must use png images)
resume_background_image_filename="";

# Animation to use on resume (winlogo, busy, none)
resume_animation="winlogo";

# Image to put at bottom of screen (use "" for nothing) (must use png images)
resume_bottom_image_filename="ms_corp.png";

# Custom resume message (use "" for default, use " " for nothing)
resume_text = "";


####### OTHER STUFF #######
#
# Do fading in or out (1 = yes, 0 = no).  Currently this is rather choppy and therefore disabled
fading = 0;

#
# Fade in/out rate (how many frames to go from transparent to opaque)
fade_rate = 50.0;

#
# Font to use for custom text
font_string = "Segoe UI, 17";

# Custom color r, g, b and alpha
custom_r = 1.0;
custom_g = 1.0;
custom_b = 1.0;
custom_a = 1.0;


#
####################### END MODIFIABLE CONFIGURATION #####################



# These must be defined globally, apparently. 
background_sprite = Sprite();
bottom_sprite = Sprite();

animation = "";
global_opacity=0.0;
at_frame = 0.0;


# Set some common values
screen_width=Window.GetWidth ();
screen_height=Window.GetHeight ();

# Arguably could be "configurable" above.  Offset is from center.
animation_offset_x = 0;
animation_offset_y = 0;
text_offset_x = 0;
text_offset_y = 125;
bottom_offset_x = 0;
bottom_offset_y = -70;


if (fading == 0) {
  global_opacity = 1.0;
}


# Set background image
fun set_bg_image (bi_filename) {
  background_sprite.SetOpacity(0);
  background_sprite.SetPosition(10, 10, 10000);
  background_image = Image(bi_filename);
  background_sprite.SetOpacity(global_opacity);
  resized_background_image = background_image.Scale(screen_width,screen_height);
  background_sprite.SetImage(resized_background_image);
  background_sprite.SetX(0);
  background_sprite.SetY(0);
  background_sprite.SetZ(-100);

}

# Fade In
fun fadein () {
  at_frame++;
  global.global_opacity = (at_frame / fade_rate);
  if (global.global_opacity > 1 ) { global.global_opacity = 1; }
}

# Set Bottom image
fun set_bottom_image (bi_filename) {
  bottom_sprite = Sprite();
  bottom_sprite.SetPosition(10, 10, 10000);
  bottom_image = Image(bi_filename);
  bottom_sprite.SetImage(bottom_image);
  #bottom_sprite.SetOpacity(global_opacity);
  bottom_sprite.SetX(screen_width / 2 - bottom_image.GetWidth()  / 2 + bottom_offset_x);
  bottom_sprite.SetY(screen_height  - bottom_image.GetHeight() / 2 + bottom_offset_y);
  bottom_sprite.SetZ(-100);
}


######################### Prepare winlogo animation ##########################

seven[0].image = Image("7-1.png");
seven[0].sprite = Sprite(seven[0].image);
seven[0].sprite.SetOpacity (0.0); 

for (i = 1; i < 106; i++){
  seven[i].image = Image("7-" + i + ".png");
  seven[i].sprite = Sprite(seven[i].image);
  seven[i].sprite.SetOpacity (0.0); 
}

x = 1;
lasti = 0;
loop = 0;

fun refresh_winlogo ()  {
  # The divisor controls the speed
  if (Math.Int (x/3.5) < 105) i = (Math.Int (x / 3.5)) % 105; 
  else{
    i = 61 + (Math.Int (x / 3.5) - 61) % 45;
    zoom = i;
  }
  seven[i].sprite.SetX(screen_width  / 2 - seven[i].image.GetWidth()  / 2 + animation_offset_x);
  seven[i].sprite.SetY(screen_height / 2 - seven[i].image.GetHeight() / 2 + animation_offset_y);
  seven[i].sprite.SetZ(10);
  seven[lasti].sprite.SetOpacity(0.0);
  seven[i].sprite.SetOpacity(global_opacity);
  lasti = i;
  x++;

}


######################### Prepare busy animation ##########################

busy[0].image = Image("Wait-0.png");
busy[0].sprite = Sprite(busy[0].image);
busy[0].sprite.SetOpacity (0.0); 

for (i = 0; i < 18; i++){
  busy[i].image = Image("Wait-" + i + ".png");
  busy[i].sprite = Sprite(busy[i].image);
  busy[i].sprite.SetOpacity (0.0); 
}

loop=0;
i=0;

fun refresh_busy ()  {

  # 18 is full speed, 36 is half speed, etc.
  loop = loop % 36;   

  i = Math.Int(loop / 2);
  busy[i].sprite.SetX(screen_width  / 2 - busy[i].image.GetWidth()  / 2 + animation_offset_x);
  busy[i].sprite.SetY(screen_height / 2 - busy[i].image.GetHeight() / 2 + animation_offset_y);
  busy[i].sprite.SetZ(10);
  busy[lasti].sprite.SetOpacity(0.0);
  busy[i].sprite.SetOpacity(global_opacity);
  lasti=i;
  loop = loop + 1;

}
############################################################################


fun refresh () {
  if ( animation == "winlogo" ){
    refresh_winlogo();
  }
  else
  if ( animation == "busy" ) {
    refresh_busy();
  }

  if (fading == 1) {
    fadein ();
    set_bg_image();
  }

}

Plymouth.SetRefreshFunction (refresh);
 


fun do_offsets (text_image, bottom_image) {

  #bottom_image = Image(my_bottom_image);
  #text_image = Image(my_text_image);

  bottom_offset_x = 0 ;
  bottom_offset_y = -bottom_image.GetHeight()/2 - 70;

  if (animation == "busy") {
    animation_offset_x = 0-(text_image.GetWidth()/2 + 18);
    animation_offset_y = 5;
    text_offset_x = 0 ;
    text_offset_y = 0;
  }
}
 

#----------------------------------------- Dialogue --------------------------------

status = "normal";

fun dialog_setup()
  {
  local.box;
  local.lock;
  local.entry;
 
  box.image = Image("box.png");
  lock.image = Image("lock.png");
  entry.image = Image("entry.png");
 
  box.sprite = Sprite(box.image);
  box.x = Window.GetWidth()  / 2 - box.image.GetWidth ()/2;
  box.y = Window.GetHeight() / 2 - box.image.GetHeight()/2;
  box.z = 10000;
  box.sprite.SetPosition(box.x, box.y, box.z);
 
  lock.sprite = Sprite(lock.image);
  lock.x = box.x + box.image.GetWidth()/2 - (lock.image.GetWidth() + entry.image.GetWidth()) / 2;
  lock.y = box.y + box.image.GetHeight()/2 - lock.image.GetHeight()/2;
  lock.z = box.z + 1;
  lock.sprite.SetPosition(lock.x, lock.y, lock.z);
 
  entry.sprite = Sprite(entry.image);
  entry.x = lock.x + lock.image.GetWidth();
  entry.y = box.y + box.image.GetHeight()/2 - entry.image.GetHeight()/2;
  entry.z = box.z + 1;
  entry.sprite.SetPosition(entry.x, entry.y, entry.z);
 
  global.dialog.box = box;
  global.dialog.lock = lock;
  global.dialog.entry = entry;
  global.dialog.bullet_image = Image("bullet.png");
  dialog_opacity (1);
  }
 
fun dialog_opacity(opacity)
  {
  dialog.box.sprite.SetOpacity (opacity);
  dialog.lock.sprite.SetOpacity (opacity);
  dialog.entry.sprite.SetOpacity (opacity);
  for (index = 0; dialog.bullet[index]; index++)
    {
    dialog.bullet[index].sprite.SetOpacity(opacity);
    }
  }

fun display_normal_callback ()
  {
  global.status = "normal";
  if (global.dialog)
    dialog_opacity (0);
  }

fun display_password_callback (prompt, bullets)
  {
  global.status = "password";
  if (!global.dialog)
  dialog_setup();
  else
  dialog_opacity(1);
  for (index = 0; dialog.bullet[index] || index < bullets; index++)
    {
    if (!dialog.bullet[index])
      {
      dialog.bullet[index].sprite = Sprite(dialog.bullet_image);
      dialog.bullet[index].x = dialog.entry.x + index * dialog.bullet_image.GetWidth();
      dialog.bullet[index].y = dialog.entry.y + dialog.entry.image.GetHeight() / 2 - dialog.bullet_image.GetHeight() / 2;
      dialog.bullet[index].z = dialog.entry.z + 1;
      dialog.bullet[index].sprite.SetPosition(dialog.bullet[index].x, dialog.bullet[index].y, dialog.bullet[index].z);
      }
    if (index < bullets)
      dialog.bullet[index].sprite.SetOpacity(1);
    else
      dialog.bullet[index].sprite.SetOpacity(0);
    }
  }

Plymouth.SetDisplayNormalFunction(display_normal_callback);
Plymouth.SetDisplayPasswordFunction(display_password_callback);

#----------------------------------------- Progress Bar --------------------------------

progress_box.image = Image("progress_box.png");
#progress_box.sprite = Sprite(progress_box.image);

progress_box.x = Window.GetWidth()  / 2 - progress_box.image.GetWidth()  / 2;
progress_box.y = Window.GetHeight() * 0.75 - progress_box.image.GetHeight() / 2;
progress_box.sprite.SetPosition(progress_box.x, progress_box.y, 0);

progress_bar.original_image = Image("progress_bar.png");
#progress_bar.sprite = Sprite();

progress_bar.x = Window.GetWidth()  / 2 - progress_bar.original_image.GetWidth() / 2;
progress_bar.y = Window.GetHeight() / 2 * 1.5  - progress_box.image.GetHeight() / 2 + (progress_box.image.GetHeight() - progress_bar.original_image.GetHeight()) / 2;
progress_bar.sprite.SetPosition(progress_bar.x, progress_bar.y, 1);

fun progress_callback (duration, progress)
  {
  if (progress_bar.image.GetWidth () != Math.Int (progress_bar.original_image.GetWidth () * progress))
    {
    progress_bar.image = progress_bar.original_image.Scale(progress_bar.original_image.GetWidth(progress_bar.original_image) * progress, progress_bar.original_image.GetHeight());
    progress_bar.sprite.SetImage (progress_bar.image);
    }
  }

#Plymouth.SetBootProgressFunction(progress_callback);

#----------------------------------------- Quit --------------------------------

fun quit_callback ()
{
}

Plymouth.SetQuitFunction(quit_callback);

#----------------------------------------- Message --------------------------------

message_sprite = Sprite();
message_sprite.SetPosition(10, 10, 10000);


fun message_callback_ORIG (text)
{
  message_image = Image.Text(text, 1, 1, 1, 1, font_string);
  message_sprite.SetImage(message_image);
  #message_sprite.SetOpacity(global_opacity);
  message_sprite.SetX(Window.GetWidth () / 2 - message_image.GetWidth() / 2 + text_offset_x );
  message_sprite.SetY(Window.GetHeight () / 2 - message_image.GetHeight() / 2 + text_offset_y );
  message_sprite.SetZ(-100); 
}

fun message_callback (message_image)
{
  message_sprite.SetImage(message_image);
  message_sprite.SetX(Window.GetWidth () / 2 - message_image.GetWidth() / 2 + text_offset_x );
  message_sprite.SetY(Window.GetHeight () / 2 - message_image.GetHeight() / 2 + text_offset_y );
  message_sprite.SetZ(-100); 
}
 
#Plymouth.SetMessageFunction(message_callback);
#Plymouth.SetUpdateStatusFunction(message_callback);

if (Plymouth.GetMode () == "boot")
{
  animation = startup_animation;
  if (startup_text != "" ) {
     message_image = Image.Text(startup_text, custom_r, custom_g, custom_b, custom_a, font_string);
  } else {
     message_image = Image("starting_windows.png");
  }
  do_offsets(message_image, Image(startup_bottom_image_filename));
  set_bg_image (startup_background_image_filename ) ;
  set_bottom_image(startup_bottom_image_filename);
  message_callback(message_image);

}
else if (Plymouth.GetMode () == "shutdown")
{
  animation = shutdown_animation;
  if (shutdown_text != "" ) {
     message_image = Image.Text(shutdown_text, custom_r, custom_g, custom_b, custom_a, font_string);
  } else {
     message_image = Image("shutting_down.png");
  }

  do_offsets(message_image, Image(shutdown_bottom_image_filename));
  set_bg_image (shutdown_background_image_filename ) ;
  set_bottom_image(shutdown_bottom_image_filename);
  message_callback(message_image);
}
else if (Plymouth.GetMode () == "suspend")
{
  animation = suspend_animation;
  if (suspend_text != "" ) {
     message_image = Image.Text(suspend_text, custom_r, custom_g, custom_b, custom_a, font_string);
  } else {
     message_image = Image("suspending.png");
  }

  do_offsets(message_image, Image(suspend_bottom_image_filename));
  set_bg_image (suspend_background_image_filename ) ;
  set_bottom_image(suspend_bottom_image_filename);
  message_callback(message_image);
}
else if (Plymouth.GetMode () == "resume")
{
  animation = resume_animation;
  if (resume_text != "" ) {
     message_image = Image.Text(resume_text, custom_r, custom_g, custom_b, custom_a, font_string);
  } else {
     message_image = Image("resuming_windows.png");
  }

  do_offsets(message_image, Image(resume_bottom_image_filename));
  set_bg_image (resume_background_image_filename ) ;
  set_bottom_image(resume_bottom_image_filename);
  message_callback(message_image);
}
else
{
    set_bg_image (startup_background_image_filename);
    set_bottom_image(startup_bottom_image_filename);
}

set_bg_image();


if (1 == 0)
{

# Default Message if nothing else supplied

newtext="Starting Windows";
my_image = Image.Text(newtext, 1,1,1,1, "Segoe UI, 17");
message_sprite.SetImage(my_image);
message_sprite.SetX(Window.GetWidth ()  / 2 - my_image.GetWidth()  / 2);
message_sprite.SetY(Window.GetHeight () / 2 - my_image.GetHeight() / 2 + 125);
message_sprite.SetZ(-100); 
}[/code]


I found this link http://www.zoringroup.com/forum/viewforum.php?f=3 bu there's no mention of timer settings :(
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby administrollaattori on Mon Dec 09, 2013 2:26 pm

Brahim wrote: I tried that but it doesn't load the PNGs in fullscreen mode ..... but the images load too fast! How can I slow the loading speed? The script I'm editing looks like this:
Attachments
Starting Windows.png
speed.png
User avatar
administrollaattori
Level 7
Level 7
 
Posts: 1505
Joined: Tue Sep 03, 2013 4:51 am

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Mon Dec 09, 2013 7:05 pm

administrollaattori wrote:
Brahim wrote: I tried that but it doesn't load the PNGs in fullscreen mode ..... but the images load too fast! How can I slow the loading speed? The script I'm editing looks like this:


Can you please make us a script that loads many background images at startup with 1second delay between each, and only one background image at startup :D I really can't o it :D and if possible please add a timer to the bottom right corner like this http://medi-dadu.deviantart.com/art/Win ... -292470169

Image
more animations here http://www.deviantart.com/morelikethis/229041616
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Tue Dec 10, 2013 10:18 am

help :(
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby administrollaattori on Tue Dec 10, 2013 12:39 pm

Brahim wrote:Can you please make us a script that loads many background images at startup with 1second delay between each,

You have to make your own gif-picture using GIMP .. :lol:
http://www.gimp.org/tutorials/Advanced_Animations/
Attachments
win_boot_screen_16_9.gif
win_boot_screen_16_9.gif (428.18 KiB) Viewed 1219 times
User avatar
administrollaattori
Level 7
Level 7
 
Posts: 1505
Joined: Tue Sep 03, 2013 4:51 am

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Tue Dec 10, 2013 3:41 pm

administrollaattori wrote:
Brahim wrote:Can you please make us a script that loads many background images at startup with 1second delay between each,

You have to make your own gif-picture using GIMP .. :lol:
http://www.gimp.org/tutorials/Advanced_Animations/


:lol: :lol: The timer is not necessary but what about the script :lol: Do I have to make my own while I don't know how to code at all :lol:
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Wed Jan 15, 2014 11:12 am

Can I use something like this with plymouth:

Code: Select all
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#autocolor{
   width: 5em;
   height: 2em;
   padding: 0.75em 0.5em 0;
   text-align: center;
   border: 1px solid black;
   margin: 3em auto 0;
   font: bold 90% sans-serif;
}
</style>
</head>
<body>
<div id="autocolor">
Wow!
</div>
<script type="text/javascript">
(function(){
   var hexacode = ['#ffff00', '#ff0000', '#00ff00', '#0000ff', '#ffffff'],
   el = document.getElementById('autocolor').style,
   counter = -1,
   hexalen = hexacode.length;
   function auto(){
      el.backgroundColor = hexacode[counter = ++counter % hexalen];
   }
   setInterval(auto, 20);
})();
</script>
</body>
</html>


or maybe this:

Code: Select all
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#autocolor{
   width: 1000px;
   height: 700px;
   padding: 0.75em 0.5em 0;
   text-align: center;
   border: 1px solid black;
   margin: 3em auto 0;
   font: bold 90% sans-serif;
}
</style>
</head>
<body>
<div id="autocolor">
Wow!
</div>
<script type="text/javascript">
(function(){
   var hexacode = [

'#ff0000',
'#ff0400',
'#ff0800',
'#ff0d00',
'#ff1100',
'#ff1500',
'#ff1900',
'#ff1e00',
'#ff2200',
'#ff2600',
'#ff2a00',
'#ff2f00',
'#ff3300',
'#ff3700',
'#ff3c00',
'#ff4000',
'#ff4400',
'#ff4800',
'#ff4d00',
'#ff5100',
'#ff5500',
'#ff5900',
'#ff5e00',
'#ff6200',
'#ff6600',
'#ff6a00',
'#ff6e00',
'#ff7300',
'#ff7700',
'#ff7b00',
'#ff7f00',
'#ff8400',
'#ff8800',
'#ff8c00',
'#ff9100',
'#ff9500',
'#ff9900',
'#ff9d00',
'#ffa200',
'#ffa600',
'#ffaa00',
'#ffae00',
'#ffb300',
'#ffb700',
'#ffbb00',
'#ffbf00',
'#ffc300',
'#ffc800',
'#ffcc00',
'#ffd000',
'#ffd400',
'#ffd900',
'#ffdd00',
'#ffe100',
'#ffe500',
'#ffea00',
'#ffee00',
'#fff200',
'#fff700',
'#fffb00',
'#ffff00',
'#fbff00',
'#f6ff00',
'#f2ff00',
'#eeff00',
'#eaff00',
'#e5ff00',
'#e1ff00',
'#ddff00',
'#d9ff00',
'#d5ff00',
'#d0ff00',
'#ccff00',
'#c8ff00',
'#c4ff00',
'#bfff00',
'#bbff00',
'#b7ff00',
'#b3ff00',
'#aeff00',
'#aaff00',
'#a6ff00',
'#a1ff00',
'#9dff00',
'#99ff00',
'#95ff00',
'#90ff00',
'#8cff00',
'#88ff00',
'#84ff00',
'#80ff00',
'#7bff00',
'#77ff00',
'#73ff00',
'#6fff00',
'#6aff00',
'#66ff00',
'#62ff00',
'#5eff00',
'#59ff00',
'#55ff00',
'#51ff00',
'#4cff00',
'#48ff00',
'#44ff00',
'#40ff00',
'#3bff00',
'#37ff00',
'#33ff00',
'#2fff00',
'#2aff00',
'#26ff00',
'#22ff00',
'#1eff00',
'#1aff00',
'#15ff00',
'#11ff00',
'#0dff00',
'#09ff00',
'#04ff00',
'#00ff00',
'#00ff04',
'#00ff08',
'#00ff0d',
'#00ff11',
'#00ff15',
'#00ff1a',
'#00ff1e',
'#00ff22',
'#00ff26',
'#00ff2b',
'#00ff2f',
'#00ff33',
'#00ff37',
'#00ff3c',
'#00ff40',
'#00ff44',
'#00ff48',
'#00ff4c',
'#00ff51',
'#00ff55',
'#00ff59',
'#00ff5d',
'#00ff62',
'#00ff66',
'#00ff6a',
'#00ff6e',
'#00ff73',
'#00ff77',
'#00ff7b',
'#00ff80',
'#00ff84',
'#00ff88',
'#00ff8c',
'#00ff91',
'#00ff95',
'#00ff99',
'#00ff9d',
'#00ffa1',
'#00ffa6',
'#00ffaa',
'#00ffae',
'#00ffb2',
'#00ffb7',
'#00ffbb',
'#00ffbf',
'#00ffc3',
'#00ffc8',
'#00ffcc',
'#00ffd0',
'#00ffd5',
'#00ffd9',
'#00ffdd',
'#00ffe1',
'#00ffe6',
'#00ffea',
'#00ffee',
'#00fff2',
'#00fff7',
'#00fffb',
'#00ffff',
'#00fbff',
'#00f7ff',
'#00f2ff',
'#00eeff',
'#00eaff',
'#00e6ff',
'#00e1ff',
'#00ddff',
'#00d9ff',
'#00d5ff',
'#00d0ff',
'#00ccff',
'#00c8ff',
'#00c3ff',
'#00bfff',
'#00bbff',
'#00b7ff',
'#00b2ff',
'#00aeff',
'#00aaff',
'#00a6ff',
'#00a1ff',
'#009dff',
'#0099ff',
'#0095ff',
'#0091ff',
'#008cff',
'#0088ff',
'#0084ff',
'#0080ff',
'#007bff',
'#0077ff',
'#0073ff',
'#006eff',
'#006aff',
'#0066ff',
'#0062ff',
'#005dff',
'#0059ff',
'#0055ff',
'#0051ff',
'#004cff',
'#0048ff',
'#0044ff',
'#0040ff',
'#003cff',
'#0037ff',
'#0033ff',
'#002fff',
'#002bff',
'#0026ff',
'#0022ff',
'#001eff',
'#001aff',
'#0015ff',
'#0011ff',
'#000dff',
'#0008ff',
'#0004ff',
'#0000ff',
'#0400ff',
'#0900ff',
'#0d00ff',
'#1100ff',
'#1500ff',
'#1900ff',
'#1e00ff',
'#2200ff',
'#2600ff',
'#2a00ff',
'#2f00ff',
'#3300ff',
'#3700ff',
'#3c00ff',
'#4000ff',
'#4400ff',
'#4800ff',
'#4d00ff',
'#5100ff',
'#5500ff',
'#5900ff',
'#5e00ff',
'#6200ff',
'#6600ff',
'#6a00ff',
'#6e00ff',
'#7300ff',
'#7700ff',
'#7b00ff',
'#7f00ff',
'#8400ff',
'#8800ff',
'#8c00ff',
'#9100ff',
'#9500ff',
'#9900ff',
'#9d00ff',
'#a200ff',
'#a600ff',
'#aa00ff',
'#ae00ff',
'#b300ff',
'#b700ff',
'#bb00ff',
'#bf00ff',
'#c300ff',
'#c800ff',
'#cc00ff',
'#d000ff',
'#d400ff',
'#d900ff',
'#dd00ff',
'#e100ff',
'#e500ff',
'#ea00ff',
'#ee00ff',
'#f200ff',
'#f700ff',
'#fb00ff',
'#ff00ff',
'#ff00fb',
'#ff00f7',
'#ff00f2',
'#ff00ee',
'#ff00ea',
'#ff00e5',
'#ff00e1',
'#ff00dd',
'#ff00d9',
'#ff00d4',
'#ff00d0',
'#ff00cc',
'#ff00c8',
'#ff00c3',
'#ff00bf',
'#ff00bb',
'#ff00b7',
'#ff00b3',
'#ff00ae',
'#ff00aa',
'#ff00a6',
'#ff00a1',
'#ff009d',
'#ff0099',
'#ff0095',
'#ff0091',
'#ff008c',
'#ff0088',
'#ff0084',
'#ff007f',
'#ff007b',
'#ff0077',
'#ff0073',
'#ff006e',
'#ff006a',
'#ff0066',
'#ff0062',
'#ff005e',
'#ff0059',
'#ff0055',
'#ff0051',
'#ff004d',
'#ff0048',
'#ff0044',
'#ff0040',
'#ff003c',
'#ff0037',
'#ff0033',
'#ff002f',
'#ff002a',
'#ff0026',
'#ff0022',
'#ff001e',
'#ff0019',
'#ff0015',
'#ff0011',
'#ff000d',
'#ff0008',
'#ff0004'
],
   el = document.getElementById('autocolor').style,
   counter = -1,
   hexalen = hexacode.length;
   function auto(){
      el.backgroundColor = hexacode[counter = ++counter % hexalen];
   }
   setInterval(auto, 20);
})();
</script>
</body>
</html>


I want Linux Mint bootsplash to roll colours like this http://www.youtube.com/watch?v=V-nSZjNW1kU and this http://www.youtube.com/watch?v=B7ayiA_p7dM
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Thu Jan 30, 2014 8:13 pm

Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to create a bootsplash with changing backgroud colou

Postby Zorba on Fri Jan 31, 2014 8:16 am

Theme attached below


You can get this theme here too http://gnome-look.org/content/show.php?content=163189
Attachments
colors.zip
(46.09 KiB) Downloaded 34 times
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2326
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Linux Mint is funded by ads and donations.
 

Return to Themes, Icons, & Wallpaper

Who is online

Users browsing this forum: No registered users and 5 guests